diff --git a/.eslintrc.js b/.eslintrc.js
index 2a2497bb..18c0c7dc 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -14,7 +14,8 @@ module.exports = {
     extends: [
         'plugin:vue/vue3-recommended',
         'plugin:vue/vue3-strongly-recommended',
-        'eslint:recommended'
+        'eslint:recommended',
+        './auto-import-eslint-config.js'
     ],
     parser: 'vue-eslint-parser',
     rules: {
diff --git a/.gitignore b/.gitignore
index 7d4c883d..38297f30 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,4 +3,5 @@ node_modules
 dist*
 dist-ssr
 *.local
-src/assets/sprites/*.*
\ No newline at end of file
+src/assets/sprites/*.*
+auto-imports.d.ts
diff --git a/auto-import-eslint-config.js b/auto-import-eslint-config.js
new file mode 100644
index 00000000..032562f5
--- /dev/null
+++ b/auto-import-eslint-config.js
@@ -0,0 +1,53 @@
+module.exports = {
+    globals: {
+        // lifecycle
+        onActivated: 'readonly',
+        onBeforeMount: 'readonly',
+        onBeforeUnmount: 'readonly',
+        onBeforeUpdate: 'readonly',
+        onDeactivated: 'readonly',
+        onErrorCaptured: 'readonly',
+        onMounted: 'readonly',
+        onServerPrefetch: 'readonly',
+        onUnmounted: 'readonly',
+        onUpdated: 'readonly',
+        // reactivity
+        computed: 'readonly',
+        customRef: 'readonly',
+        isReadonly: 'readonly',
+        isRef: 'readonly',
+        markRaw: 'readonly',
+        reactive: 'readonly',
+        readonly: 'readonly',
+        ref: 'readonly',
+        shallowReactive: 'readonly',
+        shallowReadonly: 'readonly',
+        shallowRef: 'readonly',
+        toRaw: 'readonly',
+        toRef: 'readonly',
+        toRefs: 'readonly',
+        triggerRef: 'readonly',
+        unref: 'readonly',
+        watch: 'readonly',
+        watchEffect: 'readonly',
+        // component
+        defineComponent: 'readonly',
+        defineAsyncComponent: 'readonly',
+        getCurrentInstance: 'readonly',
+        h: 'readonly',
+        inject: 'readonly',
+        nextTick: 'readonly',
+        provide: 'readonly',
+        useCssModule: 'readonly',
+        // other
+        defineProps: 'readonly',
+        defineEmits: 'readonly',
+        defineExpose: 'readonly',
+        withDefaults: 'readonly',
+        // vue-router
+        useRoute: 'readonly',
+        useRouter: 'readonly',
+        // vuex
+        useStore: 'readonly'
+    }
+}
diff --git a/package.json b/package.json
index 3f4f01cd..df9b0d9b 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
         "stylelint-config-standard": "^22.0.0",
         "stylelint-scss": "^3.20.1",
         "svgo": "^2.5.0",
+        "unplugin-auto-import": "^0.4.5",
         "unplugin-vue-components": "^0.14.11",
         "vite": "^2.5.3",
         "vite-plugin-banner": "^0.1.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9784466c..210daf1a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -28,6 +28,7 @@ specifiers:
   stylelint-scss: ^3.20.1
   svgo: ^2.5.0
   tinymce: ^5.9.1
+  unplugin-auto-import: ^0.4.5
   unplugin-vue-components: ^0.14.11
   vite: ^2.5.3
   vite-plugin-banner: ^0.1.3
@@ -75,6 +76,7 @@ devDependencies:
   stylelint-config-standard: registry.nlark.com/stylelint-config-standard/22.0.0_stylelint@13.13.1
   stylelint-scss: registry.nlark.com/stylelint-scss/3.20.1_stylelint@13.13.1
   svgo: registry.nlark.com/svgo/2.5.0
+  unplugin-auto-import: registry.nlark.com/unplugin-auto-import/0.4.5_vite@2.5.3
   unplugin-vue-components: registry.nlark.com/unplugin-vue-components/0.14.11_vite@2.5.3+vue@3.2.8
   vite: registry.nlark.com/vite/2.5.3
   vite-plugin-banner: registry.nlark.com/vite-plugin-banner/0.1.3
@@ -968,10 +970,6 @@ packages:
     resolution: {integrity: sha1-FQStJSMVjKpA20onh8sBQRmU6k8=, tarball: fs.realpath/download/fs.realpath-1.0.0.tgz}
     dev: true
 
-  /function-bind/1.1.1:
-    resolution: {integrity: sha1-pWiZ0+o8m6uHS7l3O3xe3pL0iV0=, tarball: function-bind/download/function-bind-1.1.1.tgz}
-    dev: true
-
   /functional-red-black-tree/1.0.1:
     resolution: {integrity: sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=, tarball: functional-red-black-tree/download/functional-red-black-tree-1.0.1.tgz}
     dev: true
@@ -1137,13 +1135,6 @@ packages:
       kind-of: 4.0.0
     dev: true
 
-  /has/1.0.3:
-    resolution: {integrity: sha1-ci18v8H2qoJB8W3YFOAR4fQeh5Y=, tarball: has/download/has-1.0.3.tgz}
-    engines: {node: '>= 0.4.0'}
-    dependencies:
-      function-bind: 1.1.1
-    dev: true
-
   /hash-sum/2.0.0:
     resolution: {integrity: sha1-gdAbtd6OpKIUrV1urRtSNGCwtFo=, tarball: hash-sum/download/hash-sum-2.0.0.tgz}
     dev: true
@@ -3208,6 +3199,14 @@ packages:
     resolution: {integrity: sha1-0R1zgf/tFrdC9q97PyI9XNn+mSA=, tarball: zwitch/download/zwitch-1.0.5.tgz}
     dev: true
 
+  registry.nlark.com/@antfu/utils/0.3.0:
+    resolution: {integrity: sha1-YwbEO1Kog72Olz4+2N1kJIQYvMQ=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@antfu/utils/download/@antfu/utils-0.3.0.tgz}
+    name: '@antfu/utils'
+    version: 0.3.0
+    dependencies:
+      '@types/throttle-debounce': registry.nlark.com/@types/throttle-debounce/2.1.0
+    dev: true
+
   registry.nlark.com/@babel/code-frame/7.12.11:
     resolution: {integrity: sha1-9K1DWqJj25NbjxDyxVLSP7cWpj8=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@babel/code-frame/download/@babel/code-frame-7.12.11.tgz}
     name: '@babel/code-frame'
@@ -3731,6 +3730,12 @@ packages:
       '@types/node': registry.nlark.com/@types/node/16.7.10
     dev: true
 
+  registry.nlark.com/@types/throttle-debounce/2.1.0:
+    resolution: {integrity: sha1-HD32JL/Eti+ZLTASuExW1B6rN3Y=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@types/throttle-debounce/download/@types/throttle-debounce-2.1.0.tgz}
+    name: '@types/throttle-debounce'
+    version: 2.1.0
+    dev: true
+
   registry.nlark.com/@types/through/0.0.30:
     resolution: {integrity: sha1-4OQs536Je9aurW9upirrE1uKOJU=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@types/through/download/@types/through-0.0.30.tgz?cache=0&sync_timestamp=1629710122580&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40types%2Fthrough%2Fdownload%2F%40types%2Fthrough-0.0.30.tgz}
     name: '@types/through'
@@ -4687,6 +4692,12 @@ packages:
     dev: true
     optional: true
 
+  registry.nlark.com/function-bind/1.1.1:
+    resolution: {integrity: sha1-pWiZ0+o8m6uHS7l3O3xe3pL0iV0=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/function-bind/download/function-bind-1.1.1.tgz}
+    name: function-bind
+    version: 1.1.1
+    dev: true
+
   registry.nlark.com/get-pixels/3.3.3:
     resolution: {integrity: sha1-ceLf1L77gQtUeKYcY1SACXbOAcc=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/get-pixels/download/get-pixels-3.3.3.tgz}
     name: get-pixels
@@ -4833,6 +4844,15 @@ packages:
     version: 0.0.1
     dev: true
 
+  registry.nlark.com/has/1.0.3:
+    resolution: {integrity: sha1-ci18v8H2qoJB8W3YFOAR4fQeh5Y=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/has/download/has-1.0.3.tgz}
+    name: has
+    version: 1.0.3
+    engines: {node: '>= 0.4.0'}
+    dependencies:
+      function-bind: registry.nlark.com/function-bind/1.1.1
+    dev: true
+
   registry.nlark.com/he/1.2.0:
     resolution: {integrity: sha1-hK5l+n6vsWX922FWauFLrwVmTw8=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/he/download/he-1.2.0.tgz}
     name: he
@@ -4967,11 +4987,11 @@ packages:
     dev: true
 
   registry.nlark.com/is-core-module/2.6.0:
-    resolution: {integrity: sha1-11U7JSb+Wbkro+QMjfdX7Ipwnhk=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/is-core-module/download/is-core-module-2.6.0.tgz}
+    resolution: {integrity: sha1-11U7JSb+Wbkro+QMjfdX7Ipwnhk=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/is-core-module/download/is-core-module-2.6.0.tgz?cache=0&sync_timestamp=1629224656971&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fis-core-module%2Fdownload%2Fis-core-module-2.6.0.tgz}
     name: is-core-module
     version: 2.6.0
     dependencies:
-      has: 1.0.3
+      has: registry.nlark.com/has/1.0.3
     dev: true
 
   registry.nlark.com/is-data-descriptor/0.1.4:
@@ -5120,6 +5140,14 @@ packages:
       p-locate: registry.nlark.com/p-locate/4.1.0
     dev: true
 
+  registry.nlark.com/magic-string/0.25.7:
+    resolution: {integrity: sha1-P0l9b9NMZpxnmNy4IfLvMfVEUFE=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/magic-string/download/magic-string-0.25.7.tgz?cache=0&sync_timestamp=1618847046304&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fmagic-string%2Fdownload%2Fmagic-string-0.25.7.tgz}
+    name: magic-string
+    version: 0.25.7
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
   registry.nlark.com/mdast-util-from-markdown/0.8.5:
     resolution: {integrity: sha1-0e8spCvDd+ywRjqYeRDa6JvZoow=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/mdast-util-from-markdown/download/mdast-util-from-markdown-0.8.5.tgz}
     name: mdast-util-from-markdown
@@ -5647,6 +5675,15 @@ packages:
       global-modules: 1.0.0
     dev: true
 
+  registry.nlark.com/resolve/1.20.0:
+    resolution: {integrity: sha1-YpoBP7P3B1XW8LeTXMHCxTeLGXU=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/resolve/download/resolve-1.20.0.tgz}
+    name: resolve
+    version: 1.20.0
+    dependencies:
+      is-core-module: registry.nlark.com/is-core-module/2.6.0
+      path-parse: registry.nlark.com/path-parse/1.0.7
+    dev: true
+
   registry.nlark.com/restore-cursor/2.0.0:
     resolution: {integrity: sha1-n37ih/gv0ybU/RYpI9YhKe7g368=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/restore-cursor/download/restore-cursor-2.0.0.tgz}
     name: restore-cursor
@@ -6151,6 +6188,27 @@ packages:
     version: 4.1.0
     dev: true
 
+  registry.nlark.com/unplugin-auto-import/0.4.5_vite@2.5.3:
+    resolution: {integrity: sha1-JVpSgT8+955Xdb5jD5X2Znz0qFA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/unplugin-auto-import/download/unplugin-auto-import-0.4.5.tgz}
+    id: registry.nlark.com/unplugin-auto-import/0.4.5
+    name: unplugin-auto-import
+    version: 0.4.5
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@vueuse/core': ^6.0.0
+    dependencies:
+      '@antfu/utils': registry.nlark.com/@antfu/utils/0.3.0
+      '@rollup/pluginutils': registry.nlark.com/@rollup/pluginutils/4.1.1
+      has-pkg: registry.nlark.com/has-pkg/0.0.1
+      magic-string: registry.nlark.com/magic-string/0.25.7
+      resolve: registry.nlark.com/resolve/1.20.0
+      unplugin: registry.nlark.com/unplugin/0.2.7_vite@2.5.3
+    transitivePeerDependencies:
+      - rollup
+      - vite
+      - webpack
+    dev: true
+
   registry.nlark.com/unplugin-vue-components/0.14.11_vite@2.5.3+vue@3.2.8:
     resolution: {integrity: sha1-rvLASAMW6GRFDLPgt/Y+jxBpUCc=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/unplugin-vue-components/download/unplugin-vue-components-0.14.11.tgz}
     id: registry.nlark.com/unplugin-vue-components/0.14.11
diff --git a/src/App.vue b/src/App.vue
index cd581984..71ede115 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,9 +3,6 @@
 </template>
 
 <script setup>
-import { watch, onMounted } from 'vue'
-import { useStore } from 'vuex'
-
 const store = useStore()
 
 watch(() => store.state.settings.mode, () => {
diff --git a/src/components/Auth/index.vue b/src/components/Auth/index.vue
index 72e8652f..f7fd110d 100644
--- a/src/components/Auth/index.vue
+++ b/src/components/Auth/index.vue
@@ -7,7 +7,6 @@
 
 <script setup>
 import { auth } from '@/util'
-import { defineProps } from 'vue'
 
 const props = defineProps({
     value: {
diff --git a/src/components/AuthAll/index.vue b/src/components/AuthAll/index.vue
index cea3395a..832bc2cc 100644
--- a/src/components/AuthAll/index.vue
+++ b/src/components/AuthAll/index.vue
@@ -7,7 +7,6 @@
 
 <script setup>
 import { authAll } from '@/util'
-import { defineProps } from 'vue'
 
 const props = defineProps({
     value: {
diff --git a/src/components/BatchActionBar/index.vue b/src/components/BatchActionBar/index.vue
index 92371205..aefeed78 100644
--- a/src/components/BatchActionBar/index.vue
+++ b/src/components/BatchActionBar/index.vue
@@ -9,8 +9,6 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits, computed } from 'vue'
-
 const props = defineProps({
     data: {
         type: Array,
diff --git a/src/components/CascaderArea/index.vue b/src/components/CascaderArea/index.vue
index f1cc6728..35ad14e1 100644
--- a/src/components/CascaderArea/index.vue
+++ b/src/components/CascaderArea/index.vue
@@ -6,7 +6,6 @@
 
 <script setup>
 import area from '@/util/area'
-import { defineProps, defineEmits, ref, computed } from 'vue'
 
 const props = defineProps({
     // 传入数据为中文数组，例如：['河北省', '唐山市', '市辖区']
diff --git a/src/components/Editor/index.vue b/src/components/Editor/index.vue
index e11942d8..9cb81592 100644
--- a/src/components/Editor/index.vue
+++ b/src/components/Editor/index.vue
@@ -28,8 +28,6 @@ import 'tinymce/plugins/wordcount'
 import 'tinymce/plugins/code'
 import 'tinymce/plugins/searchreplace'
 
-import { defineProps, defineEmits, ref, computed, watch, onMounted } from 'vue'
-
 const props = defineProps({
     modelValue: {
         type: String,
diff --git a/src/components/FileUpload/index.vue b/src/components/FileUpload/index.vue
index d775c62d..7fdc3c2b 100644
--- a/src/components/FileUpload/index.vue
+++ b/src/components/FileUpload/index.vue
@@ -25,8 +25,6 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits, getCurrentInstance } from 'vue'
-
 const { proxy } = getCurrentInstance()
 
 const props = defineProps({
diff --git a/src/components/FixedActionBar/index.vue b/src/components/FixedActionBar/index.vue
index 6c16fcf6..300c85cf 100644
--- a/src/components/FixedActionBar/index.vue
+++ b/src/components/FixedActionBar/index.vue
@@ -5,8 +5,6 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted } from 'vue'
-
 const data = ref({
     isBottom: true
 })
diff --git a/src/components/ImagePreview/index.vue b/src/components/ImagePreview/index.vue
index 6fb255f6..b8d55e7e 100644
--- a/src/components/ImagePreview/index.vue
+++ b/src/components/ImagePreview/index.vue
@@ -9,8 +9,6 @@
 </template>
 
 <script setup>
-import { defineProps, computed } from 'vue'
-
 const props = defineProps({
     src: {
         type: String,
diff --git a/src/components/ImageUpload/index.vue b/src/components/ImageUpload/index.vue
index 944c2868..0899d37c 100644
--- a/src/components/ImageUpload/index.vue
+++ b/src/components/ImageUpload/index.vue
@@ -46,8 +46,6 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits, ref, getCurrentInstance } from 'vue'
-
 const { proxy } = getCurrentInstance()
 
 const props = defineProps({
diff --git a/src/components/ImagesUpload/index.vue b/src/components/ImagesUpload/index.vue
index 08693d11..984aa05b 100644
--- a/src/components/ImagesUpload/index.vue
+++ b/src/components/ImagesUpload/index.vue
@@ -50,8 +50,6 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits, ref, getCurrentInstance } from 'vue'
-
 const { proxy } = getCurrentInstance()
 
 const props = defineProps({
diff --git a/src/components/PageHeader/index.vue b/src/components/PageHeader/index.vue
index 1f6fd3e0..a6a874b6 100644
--- a/src/components/PageHeader/index.vue
+++ b/src/components/PageHeader/index.vue
@@ -13,8 +13,6 @@
 </template>
 
 <script setup>
-import { defineProps } from 'vue'
-
 defineProps({
     title: {
         type: String,
diff --git a/src/components/PageMain/index.vue b/src/components/PageMain/index.vue
index bd4fbca3..3388c6de 100644
--- a/src/components/PageMain/index.vue
+++ b/src/components/PageMain/index.vue
@@ -15,8 +15,6 @@
 </template>
 
 <script setup>
-import { defineProps, ref } from 'vue'
-
 const props = defineProps({
     title: {
         type: String,
diff --git a/src/components/Result/index.vue b/src/components/Result/index.vue
index 7cbd3474..a5ff43fe 100644
--- a/src/components/Result/index.vue
+++ b/src/components/Result/index.vue
@@ -21,8 +21,6 @@
 </template>
 
 <script setup>
-import { defineProps } from 'vue'
-
 defineProps({
     type: {
         type: String,
diff --git a/src/components/SearchBar/index.vue b/src/components/SearchBar/index.vue
index f20a7b43..bb308a87 100644
--- a/src/components/SearchBar/index.vue
+++ b/src/components/SearchBar/index.vue
@@ -8,8 +8,6 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits, ref, watch } from 'vue'
-
 const props = defineProps({
     showMore: {
         type: Boolean,
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 3ac5de93..a8e5efe9 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -6,8 +6,6 @@
 </template>
 
 <script setup>
-import { defineProps, computed } from 'vue'
-
 const props = defineProps({
     name: {
         type: String,
diff --git a/src/components/Trend/index.vue b/src/components/Trend/index.vue
index 3bfbd952..7e3db2f4 100644
--- a/src/components/Trend/index.vue
+++ b/src/components/Trend/index.vue
@@ -8,8 +8,6 @@
 </template>
 
 <script setup>
-import { defineProps, computed } from 'vue'
-
 const props = defineProps({
     value: {
         type: String,
diff --git a/src/layout/components/Header/index.vue b/src/layout/components/Header/index.vue
index 09d4a4f9..83d1d1c0 100644
--- a/src/layout/components/Header/index.vue
+++ b/src/layout/components/Header/index.vue
@@ -23,7 +23,6 @@
 <script setup>
 import Logo from '../Logo/index.vue'
 import UserMenu from '../UserMenu/index.vue'
-import { inject } from 'vue'
 
 const switchMenu = inject('switchMenu')
 </script>
diff --git a/src/layout/components/Logo/index.vue b/src/layout/components/Logo/index.vue
index 9bf81b81..ce775fef 100644
--- a/src/layout/components/Logo/index.vue
+++ b/src/layout/components/Logo/index.vue
@@ -7,8 +7,6 @@
 
 <script setup>
 import imgLogo from '@/assets/images/logo.png'
-import { defineProps, ref, computed } from 'vue'
-import { useStore } from 'vuex'
 
 const store = useStore()
 
diff --git a/src/layout/components/MainSidebar/index.vue b/src/layout/components/MainSidebar/index.vue
index eba0097c..492bccb6 100644
--- a/src/layout/components/MainSidebar/index.vue
+++ b/src/layout/components/MainSidebar/index.vue
@@ -21,7 +21,6 @@
 
 <script setup>
 import Logo from '../Logo/index.vue'
-import { inject } from 'vue'
 
 const switchMenu = inject('switchMenu')
 </script>
diff --git a/src/layout/components/Search/index.vue b/src/layout/components/Search/index.vue
index 833711fd..dc483432 100644
--- a/src/layout/components/Search/index.vue
+++ b/src/layout/components/Search/index.vue
@@ -51,8 +51,6 @@
 
 <script setup>
 import { deepClone } from '@/util'
-import { computed, getCurrentInstance, onMounted, ref, watch } from 'vue'
-import { useStore } from 'vuex'
 
 const { proxy } = getCurrentInstance()
 const store = useStore()
diff --git a/src/layout/components/SidebarItem/index.vue b/src/layout/components/SidebarItem/index.vue
index 653d4fea..d70f159b 100644
--- a/src/layout/components/SidebarItem/index.vue
+++ b/src/layout/components/SidebarItem/index.vue
@@ -29,7 +29,6 @@
 <script setup>
 import SidebarItem from './index.vue'
 import path from 'path-browserify'
-import { computed, defineProps } from 'vue'
 
 const props = defineProps({
     item: {
diff --git a/src/layout/components/SubSidebar/index.vue b/src/layout/components/SubSidebar/index.vue
index 983486b8..3381f2ff 100644
--- a/src/layout/components/SubSidebar/index.vue
+++ b/src/layout/components/SubSidebar/index.vue
@@ -23,7 +23,6 @@
 <script setup>
 import Logo from '../Logo/index.vue'
 import SidebarItem from '../SidebarItem/index.vue'
-import { ref } from 'vue'
 
 const sidebarScrollTop = ref(0)
 
diff --git a/src/layout/components/ThemeSetting/index.vue b/src/layout/components/ThemeSetting/index.vue
index 650fb8c4..93709636 100644
--- a/src/layout/components/ThemeSetting/index.vue
+++ b/src/layout/components/ThemeSetting/index.vue
@@ -140,10 +140,6 @@
 </template>
 
 <script setup>
-import { computed, getCurrentInstance, inject, onMounted, ref } from 'vue'
-import { useStore } from 'vuex'
-import { useRoute } from 'vue-router'
-
 const { proxy } = getCurrentInstance()
 const store = useStore()
 const route = useRoute()
diff --git a/src/layout/components/Topbar/index.vue b/src/layout/components/Topbar/index.vue
index bd1e9b34..377feee2 100644
--- a/src/layout/components/Topbar/index.vue
+++ b/src/layout/components/Topbar/index.vue
@@ -29,9 +29,6 @@
 import { compile } from 'path-to-regexp'
 import { deepClone } from '@/util'
 import UserMenu from '../UserMenu/index.vue'
-import { computed, onMounted, onUnmounted, ref } from 'vue'
-import { useStore } from 'vuex'
-import { useRoute } from 'vue-router'
 
 const store = useStore()
 const route = useRoute()
diff --git a/src/layout/components/UserMenu/index.vue b/src/layout/components/UserMenu/index.vue
index f6d0b314..a4ca9406 100644
--- a/src/layout/components/UserMenu/index.vue
+++ b/src/layout/components/UserMenu/index.vue
@@ -39,9 +39,6 @@
 
 <script setup>
 import screenfull from 'screenfull'
-import { computed, inject, onBeforeUnmount, onMounted, ref } from 'vue'
-import { useStore } from 'vuex'
-import { useRouter } from 'vue-router'
 
 const reload = inject('reload')
 const store = useStore()
diff --git a/src/layout/index.vue b/src/layout/index.vue
index e928b35a..fd2a1a00 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -37,10 +37,6 @@ import Topbar from './components/Topbar/index.vue'
 import Search from './components/Search/index.vue'
 import ThemeSetting from './components/ThemeSetting/index.vue'
 
-import { provide, computed, watch, getCurrentInstance, onMounted } from 'vue'
-import { useStore } from 'vuex'
-import { useRoute, useRouter } from 'vue-router'
-
 const { proxy } = getCurrentInstance()
 const store = useStore()
 const route = useRoute(), router = useRouter()
diff --git a/vite/plugins/auto-import.js b/vite/plugins/auto-import.js
new file mode 100644
index 00000000..200236f8
--- /dev/null
+++ b/vite/plugins/auto-import.js
@@ -0,0 +1,13 @@
+import autoImport from 'unplugin-auto-import/vite'
+
+export default function createAutoImport() {
+    return autoImport({
+        imports: [
+            'vue',
+            'vue-router',
+            {
+                'vuex': ['useStore']
+            }
+        ]
+    })
+}
diff --git a/vite/plugins/index.js b/vite/plugins/index.js
index ca378d49..5f947038 100644
--- a/vite/plugins/index.js
+++ b/vite/plugins/index.js
@@ -2,6 +2,7 @@ import vue from '@vitejs/plugin-vue'
 
 import createRestart from './restart'
 import createHtml from './html'
+import createAutoImport from './auto-import'
 import createComponents from './components'
 import createSvgIcon from './svg-icon'
 import createMock from './mock'
@@ -13,6 +14,7 @@ export default function createVitePlugins(viteEnv, isBuild = false) {
     const vitePlugins = [vue()]
     !isBuild && vitePlugins.push(createRestart())
     vitePlugins.push(createHtml(viteEnv, isBuild))
+    vitePlugins.push(createAutoImport())
     vitePlugins.push(createComponents())
     vitePlugins.push(createSvgIcon(isBuild))
     vitePlugins.push(createMock())