⚡️improve module import

src/pages/annotation/Annotation.vue

@@ -22,18 +22,16 @@
 </template>
 
 <script setup>
-import { defineAsyncComponent } from 'vue'
 import ActionTable from '~/pages/annotation/ActionTable.vue'
 import CanvasPanel from '~/pages/annotation/CanvasPanel.vue'
 import ControlPanel from '~/pages/annotation/ControlPanel.vue'
+import AnnotationSkeleton from './components/AnnotationSkeleton.vue'
 import { useAnnotationStore } from '~/store/annotation.js'
 import { useConfigurationStore } from '~/store/configuration.js'
 import { useMainStore } from '~/store/index.js'
 import { usePreferenceStore } from '~/store/preference.js'
 import KeyframePanel from './KeyframePanel.vue'
 
-const AnnotationSkeleton = defineAsyncComponent(() => import('./components/AnnotationSkeleton.vue'))
-
 const annotationStore = useAnnotationStore()
 const configurationStore = useConfigurationStore()
 const preferenceStore = usePreferenceStore()

src/pages/configuration/components/TableBase.vue

@@ -132,11 +132,10 @@
 
 <script setup>
 import { storeToRefs } from 'pinia'
-import { computed, defineAsyncComponent, ref } from 'vue'
+import { computed, ref } from 'vue'
 import { useConfigurationStore } from '~/store/configuration.js'
 import { useMainStore } from '~/store/index.js'
-
-const TableEditor = defineAsyncComponent(() => import('~/pages/configuration/components/TableEditor.vue'))
+import TableEditor from '~/pages/configuration/components/TableEditor.vue'
 
 const props = defineProps({
   title: {

src/pages/configuration/components/TableEditor.vue

@@ -31,9 +31,9 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
-import MonacoCodeEditor from '~/components/MonacoCodeEditor.vue'
+import { ref, defineAsyncComponent } from 'vue'
 import utils from '~/libs/utils.js'
+const MonacoCodeEditor = defineAsyncComponent(() => import('~/components/MonacoCodeEditor.vue'))
 
 const props = defineProps({
   modelValue: {

src/router/index.js

@@ -1,14 +1,15 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import { useAnnotationStore } from '~/store/annotation.js'
 import { useConfigurationStore } from '~/store/configuration.js'
+import Annotation from '~/pages/annotation/Annotation.vue'
 
 const router = createRouter({
   history: createWebHashHistory(),
   routes: [
     {
       name: 'annotation',
       path: '/',
-      component: () => import('~/pages/annotation/Annotation.vue')
+      component: Annotation
     },
     {
       name: 'configuration',

vite.config.js

@@ -33,9 +33,9 @@ export default defineConfig({
     monacoEditorPlugin({
       languageWorkers: ['editorWorkerService', 'json'],
       publicPath: 'https://unpkg.com/[email protected]/cdn'
-    })
+    }),
   ],
   define: {
     PACKAGE_VERSION: JSON.stringify(process.env.npm_package_version)
-  }
+  },
 })