jormungandr-bite/packages/client/src/components/MkStarButton.vue

33 lines
588 B
Vue
Raw Normal View History

2022-10-25 21:20:41 -06:00
<template>
<button class="skdfgljsdkf _button" @click="star()">
<i class="fas fa-star"></i>
</button>
</template>
<script lang="ts" setup>
import type { Note } from 'misskey-js/built/entities';
import { pleaseLogin } from '@/scripts/please-login';
import * as os from '@/os';
const props = defineProps<{
note: Note;
}>();
function star(): void {
pleaseLogin();
os.api('notes/reactions/create', {
noteId: props.note.id,
reaction: '⭐',
});
}
</script>
<style lang="scss" scoped>
.skdfgljsdkf {
display: inline-block;
height: 32px;
margin: 2px;
padding: 0 6px;
}
</style>