fix: auto-import自动导入eslint报未定义错误

Former-commit-id: 5aafa2907d8045ebdbe45d63d52317ea25a238f9

src/components/LangSelect/index.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n';
-import { ElMessage } from 'element-plus';
 import SvgIcon from '@/components/SvgIcon/index.vue';
 import { useAppStore } from '@/store/modules/app';
 
@@ -25,7 +24,7 @@ function handleLanguageChange(lang: string) {
     @command="handleLanguageChange"
   >
     <div class="cursor-pointer w-[40px] h-[50px] leading-[50px] text-center">
-      <svg-icon class-name="international-icon" icon-class="language" />
+      <svg-icon icon-name="language" />
     </div>
     <template #dropdown>
       <el-dropdown-menu>

src/components/SizeSelect/index.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { ElMessage } from 'element-plus';
 
 import { useAppStore } from '@/store/modules/app';
 import SvgIcon from '@/components/SvgIcon/index.vue';

src/layout/components/Navbar.vue

@@ -4,18 +4,15 @@ import { useRoute, useRouter } from 'vue-router';
 import { useAppStore } from '@/store/modules/app';
 import { useTagsViewStore } from '@/store/modules/tagsView';
 import { useUserStore } from '@/store/modules/user';
-import { useSettingsStore } from '@/store/modules/settings';
 
 const appStore = useAppStore();
 const tagsViewStore = useTagsViewStore();
 const userStore = useUserStore();
-const settingsStore = useSettingsStore();
 
 const route = useRoute();
 const router = useRouter();
 
 const { device } = storeToRefs(appStore); // 设备类型：desktop-宽屏设备 || mobile-窄屏设备
-const { layout } = storeToRefs(settingsStore); // 布局模式：left-左侧模式||top-顶部模式||mix-混合模式
 
 function toggleSideBar() {
   appStore.toggleSidebar(true);
@@ -42,10 +39,7 @@ function logout() {
 
 <template>
   <div class="navbar">
-    <div
-      class="flex justify-start"
-      v-if="device === 'mobile' || layout === 'left'"
-    >
+    <div class="flex justify-start">
       <hamburger
         :is-active="appStore.sidebar.opened"
         @toggleClick="toggleSideBar"

src/types/auto-imports.d.ts

@@ -2,6 +2,7 @@
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
+  const ElMessage: typeof import('element-plus/es')['ElMessage']
   const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
@@ -265,6 +266,7 @@ import { UnwrapRef } from 'vue'
 declare module 'vue' {
   interface ComponentCustomProperties {
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
+    readonly ElMessage: UnwrapRef<typeof import('element-plus/es')['ElMessage']>
     readonly ElMessageBox: UnwrapRef<typeof import('element-plus/es')['ElMessageBox']>
     readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
     readonly autoResetRef: UnwrapRef<typeof import('@vueuse/core')['autoResetRef']>

src/views/system/menu/index.vue

@@ -128,6 +128,7 @@
       v-model="dialog.visible"
       @close="cancel"
       destroy-on-close
+      appendToBody
       width="750px"
     >
       <el-form