fix vue errors from dynamic note components

3 files changed, 9 insertions, 15 deletions

diff --git a/packages/frontend/src/components/DynamicNote.vue b/packages/frontend/src/components/DynamicNote.vue
index e86fbf7374..a5008e9ddf 100644
--- a/packages/frontend/src/components/DynamicNote.vue
+++ b/packages/frontend/src/components/DynamicNote.vue
@@ -24,11 +24,9 @@ import type SkNote from '@/components/SkNote.vue';
 import { prefer } from '@/preferences';
 
 const XNote = computed(() =>
-	defineAsyncComponent(() =>
-		prefer.r.noteDesign.value === 'misskey'
-			? import('@/components/MkNote.vue')
-			: import('@/components/SkNote.vue'),
-	),
+	prefer.r.noteDesign.value === 'misskey'
+		? defineAsyncComponent(() => import('@/components/MkNote.vue'))
+		: defineAsyncComponent(() => import('@/components/SkNote.vue')),
 );
 
 const rootEl = useTemplateRef<ComponentExposed<typeof MkNote | typeof SkNote>>('rootEl');
diff --git a/packages/frontend/src/components/DynamicNoteDetailed.vue b/packages/frontend/src/components/DynamicNoteDetailed.vue
index 996137a7b0..21bf00ccbe 100644
--- a/packages/frontend/src/components/DynamicNoteDetailed.vue
+++ b/packages/frontend/src/components/DynamicNoteDetailed.vue
@@ -21,11 +21,9 @@ import type SkNoteDetailed from '@/components/SkNoteDetailed.vue';
 import { prefer } from '@/preferences';
 
 const XNoteDetailed = computed(() =>
-	defineAsyncComponent(() =>
-		prefer.r.noteDesign.value === 'misskey'
-			? import('@/components/MkNoteDetailed.vue')
-			: import('@/components/SkNoteDetailed.vue'),
-	),
+	prefer.r.noteDesign.value === 'misskey'
+		? defineAsyncComponent(() => import('@/components/MkNoteDetailed.vue'))
+		: defineAsyncComponent(() => import('@/components/SkNoteDetailed.vue')),
 );
 
 const rootEl = useTemplateRef<ComponentExposed<typeof MkNoteDetailed | typeof SkNoteDetailed>>('rootEl');
diff --git a/packages/frontend/src/components/DynamicNoteSimple.vue b/packages/frontend/src/components/DynamicNoteSimple.vue
index e9d31d04b7..7ca345ccfa 100644
--- a/packages/frontend/src/components/DynamicNoteSimple.vue
+++ b/packages/frontend/src/components/DynamicNoteSimple.vue
@@ -22,11 +22,9 @@ 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'),
-	),
+	prefer.r.noteDesign.value === 'misskey'
+		? defineAsyncComponent(() => import('@/components/MkNoteSimple.vue'))
+		: defineAsyncComponent(() => import('@/components/SkNoteSimple.vue')),
 );
 
 const rootEl = useTemplateRef<ComponentExposed<typeof MkNoteSimple | typeof SkNoteSimple>>('rootEl');