diff --git a/app/src/views/config/ConfigList.vue b/app/src/views/config/ConfigList.vue
index ee12de59..2c2c32e5 100644
--- a/app/src/views/config/ConfigList.vue
+++ b/app/src/views/config/ConfigList.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import config from '@/api/config'
-import FooterToolBar from '@/components/FooterToolbar/FooterToolBar.vue'
+import FooterToolBar from '@/components/FooterToolbar'
 import StdTable from '@/components/StdDesign/StdDataDisplay/StdTable.vue'
 import { useBreadcrumbs } from '@/composables/useBreadcrumbs'
-import Mkdir from '@/views/config/components/Mkdir.vue'
-import Rename from '@/views/config/components/Rename.vue'
-import configColumns from '@/views/config/configColumns'
-import InspectConfig from '@/views/config/InspectConfig.vue'
+import Mkdir from './components/Mkdir.vue'
+import Rename from './components/Rename.vue'
+import configColumns from './configColumns'
+import InspectConfig from './InspectConfig.vue'
 
 const table = useTemplateRef('table')
 const route = useRoute()
diff --git a/app/src/views/dashboard/Environments.vue b/app/src/views/dashboard/Environments.vue
index 112e234a..7fa4b80b 100644
--- a/app/src/views/dashboard/Environments.vue
+++ b/app/src/views/dashboard/Environments.vue
@@ -9,8 +9,8 @@ import pulse from '@/assets/svg/pulse.svg?component'
 import { formatDateTime } from '@/lib/helper'
 import { useSettingsStore } from '@/pinia'
 import { version } from '@/version.json'
-import NodeAnalyticItem from '@/views/dashboard/components/NodeAnalyticItem.vue'
 import Icon, { LinkOutlined, SendOutlined, ThunderboltOutlined } from '@ant-design/icons-vue'
+import NodeAnalyticItem from './components/NodeAnalyticItem.vue'
 
 const data = ref([]) as Ref<Node[]>
 
diff --git a/app/src/views/environments/group/EnvGroup.vue b/app/src/views/environments/group/EnvGroup.vue
index 4eeb70a2..5280ff03 100644
--- a/app/src/views/environments/group/EnvGroup.vue
+++ b/app/src/views/environments/group/EnvGroup.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import env_group, { PostSyncAction } from '@/api/env_group'
-import NodeSelector from '@/components/NodeSelector/NodeSelector.vue'
+import NodeSelector from '@/components/NodeSelector'
 import { StdCurd } from '@/components/StdDesign/StdDataDisplay'
 import columns from '@/views/environments/group/columns'
 </script>
diff --git a/app/src/views/install/Install.vue b/app/src/views/install/Install.vue
index 529cbe12..43e378ae 100644
--- a/app/src/views/install/Install.vue
+++ b/app/src/views/install/Install.vue
@@ -1,14 +1,12 @@
 <script setup lang="ts">
 import type { InstallLockResponse } from '@/api/install'
 import install from '@/api/install'
-import SetLanguage from '@/components/SetLanguage/SetLanguage.vue'
-import SwitchAppearance from '@/components/SwitchAppearance/SwitchAppearance.vue'
-import SystemRestoreContent from '@/components/SystemRestore/SystemRestoreContent.vue'
+import SetLanguage from '@/components/SetLanguage'
+import SwitchAppearance from '@/components/SwitchAppearance'
+import SystemRestoreContent from '@/components/SystemRestore'
 import { DatabaseOutlined, LockOutlined, MailOutlined, UserOutlined } from '@ant-design/icons-vue'
 
-import { Form, message, Tabs } from 'ant-design-vue'
-
-const TabPane = Tabs.TabPane
+import { Form, message } from 'ant-design-vue'
 
 const thisYear = new Date().getFullYear()
 const loading = ref(false)
@@ -129,8 +127,8 @@ function handleRestoreSuccess(options: { restoreNginx: boolean, restoreNginxUI:
             style="margin-bottom: 20px;"
           />
           <div v-else>
-            <Tabs v-model:active-key="activeTab">
-              <TabPane key="1" :tab="$gettext('New Installation')">
+            <ATabs v-model:active-key="activeTab">
+              <ATabPane key="1" :tab="$gettext('New Installation')">
                 <AForm id="components-form-install">
                   <AFormItem v-bind="validateInfos.email">
                     <AInput
@@ -186,14 +184,14 @@ function handleRestoreSuccess(options: { restoreNginx: boolean, restoreNginxUI:
                     </AButton>
                   </AFormItem>
                 </AForm>
-              </TabPane>
-              <TabPane key="2" :tab="$gettext('Restore from Backup')">
+              </ATabPane>
+              <ATabPane key="2" :tab="$gettext('Restore from Backup')">
                 <SystemRestoreContent
                   :show-title="false"
                   @restore-success="handleRestoreSuccess"
                 />
-              </TabPane>
-            </Tabs>
+              </ATabPane>
+            </ATabs>
           </div>
           <div class="footer">
             <p>Copyright © 2021 - {{ thisYear }} Nginx UI</p>
diff --git a/app/src/views/nginx_log/NginxLog.vue b/app/src/views/nginx_log/NginxLog.vue
index ba67607e..7304f11a 100644
--- a/app/src/views/nginx_log/NginxLog.vue
+++ b/app/src/views/nginx_log/NginxLog.vue
@@ -2,7 +2,7 @@
 import type { INginxLogData } from '@/api/nginx_log'
 import type ReconnectingWebSocket from 'reconnecting-websocket'
 import nginx_log from '@/api/nginx_log'
-import FooterToolBar from '@/components/FooterToolbar/FooterToolBar.vue'
+import FooterToolBar from '@/components/FooterToolbar'
 import ws from '@/lib/websocket'
 import { debounce } from 'lodash'
 
diff --git a/app/src/views/other/Login.vue b/app/src/views/other/Login.vue
index 6ff824be..aefcd995 100644
--- a/app/src/views/other/Login.vue
+++ b/app/src/views/other/Login.vue
@@ -2,10 +2,10 @@
 import auth from '@/api/auth'
 import install from '@/api/install'
 import passkey from '@/api/passkey'
-import ICP from '@/components/ICP/ICP.vue'
-import SetLanguage from '@/components/SetLanguage/SetLanguage.vue'
-import SwitchAppearance from '@/components/SwitchAppearance/SwitchAppearance.vue'
-import Authorization from '@/components/TwoFA/Authorization.vue'
+import ICP from '@/components/ICP'
+import SetLanguage from '@/components/SetLanguage'
+import SwitchAppearance from '@/components/SwitchAppearance'
+import Authorization from '@/components/TwoFA'
 import gettext from '@/gettext'
 import { useUserStore } from '@/pinia'
 import { KeyOutlined, LockOutlined, UserOutlined } from '@ant-design/icons-vue'