summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/DynamicNoteSimple.vue
blob: e9d31d04b771df671a01abe46e0c4fc77ecf4441 (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
<!--
SPDX-FileCopyrightText: hazelnoot and other Sharkey contributors
SPDX-License-Identifier: AGPL-3.0-only
-->

<template>
<XNoteSimple
	ref="rootEl"
	:note="note"
	:expandAllCws="expandAllCws"
	:hideFiles="hideFiles"
	@editScheduledNote="() => emit('editScheduleNote')"
/>
</template>

<script setup lang="ts">
import * as Misskey from 'misskey-js';
import { computed, defineAsyncComponent, useTemplateRef } from 'vue';
import type { ComponentExposed } from 'vue-component-type-helpers';
import type MkNoteSimple from '@/components/MkNoteSimple.vue';
import type SkNoteSimple from '@/components/SkNoteSimple.vue';
import { prefer } from '@/preferences';

const XNoteSimple = computed(() =>
	defineAsyncComponent<typeof MkNoteSimple | typeof SkNoteSimple>(() =>
		prefer.r.noteDesign.value === 'misskey'
			? import('@/components/MkNoteSimple.vue')
			: import('@/components/SkNoteSimple.vue'),
	),
);

const rootEl = useTemplateRef<ComponentExposed<typeof MkNoteSimple | typeof SkNoteSimple>>('rootEl');

defineExpose({ rootEl });

defineProps<{
	note: Misskey.entities.Note & {
		isSchedule?: boolean,
		scheduledNoteId?: string
	};
	expandAllCws?: boolean;
	hideFiles?: boolean;
}>();

const emit = defineEmits<{
	(ev: 'editScheduleNote'): void;
}>();
</script>