blob: 670309959153411d17eb6b3e1bc6f9e8c8c55810 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
<!--
SPDX-FileCopyrightText: hazelnoot and other Sharkey contributors
SPDX-License-Identifier: AGPL-3.0-only
-->
<template>
<XNote
ref="rootEl"
:note="note"
:pinned="pinned"
:mock="mock"
:withHardMute="withHardMute"
@reaction="emoji => emit('reaction', emoji)"
@removeReaction="emoji => emit('removeReaction', emoji)"
/>
</template>
<script setup lang="ts">
import * as Misskey from 'misskey-js';
import { computed, defineAsyncComponent, shallowRef } from 'vue';
import type { ComponentExposed } from 'vue-component-type-helpers';
import type MkNote from '@/components/MkNote.vue';
import type SkNote from '@/components/SkNote.vue';
import { defaultStore } from '@/store';
const XNote = computed(() =>
defineAsyncComponent(() =>
defaultStore.reactiveState.noteDesign.value === 'misskey'
? import('@/components/MkNote.vue')
: import('@/components/SkNote.vue'),
),
);
const rootEl = shallowRef<ComponentExposed<typeof MkNote | typeof SkNote>>();
defineExpose({ rootEl });
defineProps<{
note: Misskey.entities.Note;
pinned?: boolean;
mock?: boolean;
withHardMute?: boolean;
}>();
const emit = defineEmits<{
(ev: 'reaction', emoji: string): void;
(ev: 'removeReaction', emoji: string): void;
}>();
</script>
|
