diff --git a/.eslintrc.js b/.eslintrc.js
index 11a6683f..347c8d75 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -10,7 +10,9 @@ module.exports = {
     defineProps: "readonly",
     defineEmits: "readonly",
     defineExpose: "readonly",
-    withDefaults: "readonly"
+    withDefaults: "readonly",
+    // element-plus
+    ElMessage: "readonly"
   },
   extends: [
     "plugin:vue/vue3-essential",
diff --git a/src/App.vue b/src/App.vue
index 5342e101..bb23c549 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { useAppStore } from "@/store/modules/app"
-import { ElConfigProvider } from "element-plus"
 import zhCn from "element-plus/lib/locale/lang/zh-cn"
 
 useAppStore().initTheme() // 初始化 theme
diff --git a/src/components/Screenfull/index.vue b/src/components/Screenfull/index.vue
index aa06539f..c43f6691 100644
--- a/src/components/Screenfull/index.vue
+++ b/src/components/Screenfull/index.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { ElMessage } from "element-plus"
 import { FullScreen } from "@element-plus/icons-vue"
 import screenfull from "screenfull"
 
diff --git a/src/router/permission.ts b/src/router/permission.ts
index 21d69c8c..a452601a 100644
--- a/src/router/permission.ts
+++ b/src/router/permission.ts
@@ -2,7 +2,6 @@ import router from "@/router"
 import { RouteLocationNormalized } from "vue-router"
 import { useUserStoreHook } from "@/store/modules/user"
 import { usePermissionStoreHook } from "@/store/modules/permission"
-import { ElMessage } from "element-plus"
 import { whiteList } from "@/config/white-list"
 import { getToken } from "@/utils/cookies"
 import asyncRouteSettings from "@/config/async-route"
diff --git a/src/utils/service.ts b/src/utils/service.ts
index 8ac99a54..983016ca 100644
--- a/src/utils/service.ts
+++ b/src/utils/service.ts
@@ -1,6 +1,5 @@
 import axios, { AxiosInstance, AxiosRequestConfig } from "axios"
 import { get } from "lodash-es"
-import { ElMessage } from "element-plus"
 import { getToken } from "@/utils/cookies"
 import { useUserStoreHook } from "@/store/modules/user"
 
diff --git a/types/auto-imports.d.ts b/types/auto-imports.d.ts
index 5e073f1f..bf57e698 100644
--- a/types/auto-imports.d.ts
+++ b/types/auto-imports.d.ts
@@ -1,6 +1,6 @@
 // Generated by 'unplugin-auto-import'
 // We suggest you to commit this file into source control
 declare global {
-
+  const ElMessage: typeof import('element-plus/es')['ElMessage']
 }
 export {}
diff --git a/types/components.d.ts b/types/components.d.ts
index 62750a98..73bae363 100644
--- a/types/components.d.ts
+++ b/types/components.d.ts
@@ -9,6 +9,7 @@ declare module '@vue/runtime-core' {
     ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
     ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
     ElButton: typeof import('element-plus/es')['ElButton']
+    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDrawer: typeof import('element-plus/es')['ElDrawer']
     ElDropdown: typeof import('element-plus/es')['ElDropdown']
     ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']