refactor: 自动导入修改和项目重构优化

Former-commit-id: 100ab2e0092d96b17146163759aef897e5c14fbd

src/layout/components/Sidebar/Link.vue

@@ -3,7 +3,7 @@ import { computed } from 'vue';
 import { isExternal } from '@/utils/validate';
 import { useRouter } from 'vue-router';
 
-import { DeviceType, useAppStore } from '@/store/modules/app';
+import { useAppStore } from '@/store/modules/app';
 const appStore = useAppStore();
 
 const sidebar = computed(() => appStore.sidebar);

src/layout/components/Sidebar/MixNav.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted } from 'vue';
-import { RouterLink, useRoute, useRouter, RouteRecordRaw } from 'vue-router';
+import { RouterLink, useRoute, useRouter } from 'vue-router';
 import {
   ElDropdown,
   ElDropdownItem,

src/layout/components/Sidebar/SidebarItem.vue

@@ -4,7 +4,7 @@ import path from 'path-browserify';
 import { isExternal } from '@/utils/validate';
 import AppLink from './Link.vue';
 
-import { generateTitle } from '@/utils/i18n';
+import { translateRouteTitleI18n } from '@/utils/i18n';
 import SvgIcon from '@/components/SvgIcon/index.vue';
 
 const props = defineProps({
@@ -78,10 +78,10 @@ function resolvePath(routePath: string) {
         >
           <svg-icon
             v-if="onlyOneChild.meta && onlyOneChild.meta.icon"
-            :icon-class="onlyOneChild.meta.icon"
+            :icon-name="onlyOneChild.meta.icon"
           />
           <template #title>
-            {{ generateTitle(onlyOneChild.meta.title) }}
+            {{ translateRouteTitleI18n(onlyOneChild.meta.title) }}
           </template>
         </el-menu-item>
       </app-link>
@@ -92,10 +92,10 @@ function resolvePath(routePath: string) {
       <template #title>
         <svg-icon
           v-if="item.meta && item.meta.icon"
-          :icon-class="item.meta.icon"
+          :icon-name="item.meta.icon"
         />
         <span v-if="item.meta && item.meta.title">{{
-          generateTitle(item.meta.title)
+          translateRouteTitleI18n(item.meta.title)
         }}</span>
       </template>