🎨 organize components

src/pages/annotation/Annotation.vue

@@ -19,15 +19,15 @@
 </template>
 
 <script setup>
-import ActionTable from '~/pages/annotation/components/ActionTable.vue'
-import CanvasPanel from '~/pages/annotation/components/CanvasPanel.vue'
-import ControlPanel from '~/pages/annotation/components/ControlPanel.vue'
+import ActionTable from '~/pages/annotation/ActionTable.vue'
+import CanvasPanel from '~/pages/annotation/CanvasPanel.vue'
+import ControlPanel from '~/pages/annotation/ControlPanel.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 AnnotationSkeleton from './components/AnnotationSkeleton.vue'
-import KeyframePanel from './components/KeyframePanel.vue'
+import AnnotationSkeleton from './AnnotationSkeleton.vue'
+import KeyframePanel from './KeyframePanel.vue'
 
 const annotationStore = useAnnotationStore()
 const configurationStore = useConfigurationStore()

src/pages/annotation/components/CanvasPanel.vue → src/pages/annotation/CanvasPanel.vue

@@ -133,9 +133,9 @@ import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
 import { ObjectAnnotation, RegionAnnotation, SkeletonAnnotation } from '~/libs/annotationlib.js'
 import utils from '~/libs/utils.js'
 import FilmStrip from '~/pages/annotation/components/FilmStrip.vue'
-import ObjectTable from '~/pages/annotation/components/ObjectTable.vue'
-import RegionTable from '~/pages/annotation/components/RegionTable.vue'
-import SkeletonTable from '~/pages/annotation/components/SkeletonTable.vue'
+import ObjectTable from '~/pages/annotation/ObjectTable.vue'
+import RegionTable from '~/pages/annotation/RegionTable.vue'
+import SkeletonTable from '~/pages/annotation/SkeletonTable.vue'
 import { useAnnotationStore } from '~/store/annotation.js'
 import { useConfigurationStore } from '~/store/configuration.js'
 import { useMainStore } from '~/store/index.js'

src/pages/configuration/Configuration.vue

@@ -32,9 +32,9 @@
 import { exportFile } from 'quasar'
 import { useConfigurationStore } from '~/store/configuration.js'
 import utils from '../../libs/utils.js'
-import ActionLabelTable from './components/ActionLabelTable.vue'
-import ObjectLabelTable from './components/ObjectLabelTable.vue'
-import SkeletonTypeTable from './components/SkeletonTypeTable.vue'
+import ActionLabelTable from './ActionLabelTable.vue'
+import ObjectLabelTable from './ObjectLabelTable.vue'
+import SkeletonTypeTable from './SkeletonTypeTable.vue'
 
 const configurationStore = useConfigurationStore()
 const handleLoad = () => {

src/pages/configuration/components/SkeletonTypeTable.vue → src/pages/configuration/SkeletonTypeTable.vue

@@ -151,7 +151,7 @@ import { computed, nextTick } from 'vue'
 import utils from '~/libs/utils.js'
 import TableBase from '~/pages/configuration/components/TableBase.vue'
 import { useConfigurationStore } from '~/store/configuration.js'
-import SkeletonPreview from './SkeletonPreview.vue'
+import SkeletonPreview from './components/SkeletonPreview.vue'
 
 // Skeleton
 const columnList = [