diff options
Diffstat (limited to 'packages/frontend/src/components/MkNotes.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNotes.vue | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/packages/frontend/src/components/MkNotes.vue b/packages/frontend/src/components/MkNotes.vue index e9043995f5..15173fbd99 100644 --- a/packages/frontend/src/components/MkNotes.vue +++ b/packages/frontend/src/components/MkNotes.vue @@ -32,17 +32,18 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { shallowRef, ref } from 'vue'; +import { defineAsyncComponent, shallowRef, ref } from 'vue'; import MkDateSeparatedList from '@/components/MkDateSeparatedList.vue'; import MkPagination, { Paging } from '@/components/MkPagination.vue'; import { i18n } from '@/i18n.js'; import { infoImageUrl } from '@/instance.js'; import { defaultStore } from '@/store.js'; -const MkNote = ( - (defaultStore.state.noteDesign === 'misskey') ? (await import('@/components/MkNote.vue')).default : - (defaultStore.state.noteDesign === 'sharkey') ? (await import('@/components/SkNote.vue')).default : - null); +const MkNote = defineAsyncComponent(() => + (defaultStore.state.noteDesign === 'misskey') ? import('@/components/MkNote.vue') : + (defaultStore.state.noteDesign === 'sharkey') ? import('@/components/SkNote.vue') : + null +); const props = defineProps<{ pagination: Paging; |