diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index 272062f..0000000
--- a/.eslintignore
+++ /dev/null
@@ -1,7 +0,0 @@
-.github
-.gitignore
-.vscode
-node_modules
-dist
-dist-electron
-dist-release
\ No newline at end of file
diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
new file mode 100644
index 0000000..74a9e1d
--- /dev/null
+++ b/.eslintrc-auto-import.json
@@ -0,0 +1,84 @@
+{
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "PropType": true,
+    "Ref": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "acceptHMRUpdate": true,
+    "computed": true,
+    "createApp": true,
+    "createPinia": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "defineStore": true,
+    "effectScope": true,
+    "getActivePinia": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "mapActions": true,
+    "mapGetters": true,
+    "mapState": true,
+    "mapStores": true,
+    "mapWritableState": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeRouteLeave": true,
+    "onBeforeRouteUpdate": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "setActivePinia": true,
+    "setMapStoreSuffix": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "storeToRefs": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useLink": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useSlots": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}
diff --git a/.eslintrc.js b/.eslintrc.js
deleted file mode 100644
index 55d7367..0000000
--- a/.eslintrc.js
+++ /dev/null
@@ -1,27 +0,0 @@
-module.exports = {
-  extends: ['@antfu'],
-  rules: {
-    'antfu/top-level-function': 'off',
-    'no-unused-vars': 'off',
-    'eqeqeq': 'off',
-    'prefer-promise-reject-errors': 'off',
-    'no-new-func': 'off',
-    'curly': 'off',
-    'no-console': 'off',
-    'unused-imports/no-unused-vars': 'off',
-
-    'import/default': 'off',
-
-    'vue/no-mutating-props': 'off',
-    'vue/no-use-v-if-with-v-for': 'off',
-    'vue/html-self-closing': 'off',
-    'vue/block-order': 'off',
-    'vue/no-unused-refs': 'off',
-    'vue/component-tags-order': 'off',
-
-    'n/prefer-global/process': 'off',
-
-    '@typescript-eslint/no-invalid-this': 'off',
-    '@typescript-eslint/ban-ts-comment': 'off',
-  },
-}
diff --git a/auto-imports.d.ts b/auto-imports.d.ts
new file mode 100644
index 0000000..0ce0ca8
--- /dev/null
+++ b/auto-imports.d.ts
@@ -0,0 +1,83 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const createPinia: typeof import('pinia')['createPinia']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const defineStore: typeof import('pinia')['defineStore']
+  const effectScope: typeof import('vue')['effectScope']
+  const getActivePinia: typeof import('pinia')['getActivePinia']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const mapActions: typeof import('pinia')['mapActions']
+  const mapGetters: typeof import('pinia')['mapGetters']
+  const mapState: typeof import('pinia')['mapState']
+  const mapStores: typeof import('pinia')['mapStores']
+  const mapWritableState: typeof import('pinia')['mapWritableState']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
+  const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const setActivePinia: typeof import('pinia')['setActivePinia']
+  const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const storeToRefs: typeof import('pinia')['storeToRefs']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useLink: typeof import('vue-router')['useLink']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}
diff --git a/components.d.ts b/components.d.ts
new file mode 100644
index 0000000..1e29c62
--- /dev/null
+++ b/components.d.ts
@@ -0,0 +1,78 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    About: typeof import('./src/components/About/index.vue')['default']
+    AppInstall: typeof import('./src/components/Device/components/ControlBar/AppInstall/index.vue')['default']
+    AudioCodecSelect: typeof import('./src/components/Preference/components/AudioCodecSelect/index.vue')['default']
+    Camera: typeof import('./src/components/Device/components/MoreDropdown/components/Camera/index.vue')['default']
+    ControlBar: typeof import('./src/components/Device/components/ControlBar/index.vue')['default']
+    Device: typeof import('./src/components/Device/index.vue')['default']
+    DisplaySelect: typeof import('./src/components/Preference/components/DisplaySelect/index.vue')['default']
+    ElAutocomplete: typeof import('element-plus/es')['ElAutocomplete']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElCollapse: typeof import('element-plus/es')['ElCollapse']
+    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElEmpty: typeof import('element-plus/es')['ElEmpty']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElIconCaretLeft: typeof import('@element-plus/icons-vue')['CaretLeft']
+    ElIconCaretRight: typeof import('@element-plus/icons-vue')['CaretRight']
+    ElIconClose: typeof import('@element-plus/icons-vue')['Close']
+    ElIconCloseBold: typeof import('@element-plus/icons-vue')['CloseBold']
+    ElIconEditPen: typeof import('@element-plus/icons-vue')['EditPen']
+    ElIconLoading: typeof import('@element-plus/icons-vue')['Loading']
+    ElIconOperation: typeof import('@element-plus/icons-vue')['Operation']
+    ElIconQuestionFilled: typeof import('@element-plus/icons-vue')['QuestionFilled']
+    ElIconWarningFilled: typeof import('@element-plus/icons-vue')['WarningFilled']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElLink: typeof import('element-plus/es')['ElLink']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTabPane: typeof import('element-plus/es')['ElTabPane']
+    ElTabs: typeof import('element-plus/es')['ElTabs']
+    ElTag: typeof import('element-plus/es')['ElTag']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    FileManage: typeof import('./src/components/Device/components/ControlBar/FileManage/index.vue')['default']
+    Gnirehtet: typeof import('./src/components/Device/components/ControlBar/Gnirehtet/index.vue')['default']
+    KeyboardInjectSelect: typeof import('./src/components/Preference/components/KeyboardInjectSelect/index.vue')['default']
+    LanguageSelect: typeof import('./src/components/Preference/components/LanguageSelect/index.vue')['default']
+    LoadingIcon: typeof import('./src/components/Device/components/LoadingIcon/index.vue')['default']
+    MirrorAction: typeof import('./src/components/Device/components/MirrorAction/index.vue')['default']
+    MirrorGroup: typeof import('./src/components/Device/components/ControlBar/MirrorGroup/index.vue')['default']
+    MoreDropdown: typeof import('./src/components/Device/components/MoreDropdown/index.vue')['default']
+    Otg: typeof import('./src/components/Device/components/MoreDropdown/components/Otg/index.vue')['default']
+    PairDialog: typeof import('./src/components/Device/components/Wireless/PairDialog/index.vue')['default']
+    PathInput: typeof import('./src/components/Preference/components/PathInput/index.vue')['default']
+    Preference: typeof import('./src/components/Preference/index.vue')['default']
+    Record: typeof import('./src/components/Device/components/MoreDropdown/components/Record/index.vue')['default']
+    Remark: typeof import('./src/components/Device/components/Remark/index.vue')['default']
+    Rotation: typeof import('./src/components/Device/components/ControlBar/Rotation/index.vue')['default']
+    Screenshot: typeof import('./src/components/Device/components/ControlBar/Screenshot/index.vue')['default']
+    TerminalAction: typeof import('./src/components/Device/components/TerminalAction/index.vue')['default']
+    TerminalDialog: typeof import('./src/components/Device/components/TerminalAction/components/TerminalDialog/index.vue')['default']
+    VideoCodecSelect: typeof import('./src/components/Preference/components/VideoCodecSelect/index.vue')['default']
+    Volume: typeof import('./src/components/Device/components/ControlBar/Volume/index.vue')['default']
+    Wireless: typeof import('./src/components/Device/components/Wireless/index.vue')['default']
+    WirelessAction: typeof import('./src/components/Device/components/WirelessAction/index.vue')['default']
+  }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
+}
diff --git a/electron/events/updater/index.js b/electron/events/updater/index.js
index 5f8faff..a56906b 100644
--- a/electron/events/updater/index.js
+++ b/electron/events/updater/index.js
@@ -1,8 +1,10 @@
 import { app, ipcMain } from 'electron'
 import { is } from '@electron-toolkit/utils'
-import { autoUpdater } from 'electron-updater'
+import electronUpdater from 'electron-updater'
 import { devPublishPath } from '@electron/configs/index.js'
 
+const { autoUpdater } = electronUpdater
+
 export default (mainWindow) => {
   if (is.dev) {
     autoUpdater.updateConfigPath = devPublishPath
diff --git a/electron/exposes/log/index.js b/electron/exposes/log/index.js
index 2eaa3ad..d72e8a0 100644
--- a/electron/exposes/log/index.js
+++ b/electron/exposes/log/index.js
@@ -1,4 +1,4 @@
-import log from 'electron-log/main'
+import log from 'electron-log/main.js'
 import { createProxy } from '@electron/helpers/index'
 
 const levels = Object.keys(log.functions)
diff --git a/electron/helpers/log.js b/electron/helpers/log.js
index d88612f..bdd5e11 100644
--- a/electron/helpers/log.js
+++ b/electron/helpers/log.js
@@ -1,5 +1,5 @@
 import { shell } from 'electron'
-import log from 'electron-log/main'
+import log from 'electron-log/main.js'
 import { createProxy } from '@electron/helpers/index'
 
 log.transports.console.level = false
diff --git a/electron/main.js b/electron/main.js
index 0309a02..0a17bb7 100644
--- a/electron/main.js
+++ b/electron/main.js
@@ -1,4 +1,7 @@
 import path from 'node:path'
+import { createRequire } from 'node:module'
+import { fileURLToPath } from 'node:url'
+
 import { BrowserWindow, app, shell } from 'electron'
 import { electronApp, optimizer } from '@electron-toolkit/utils'
 import contextMenu from 'electron-context-menu'
@@ -16,6 +19,9 @@ import events from './events/index.js'
 
 // import copilot from './copilot/index.js'
 
+const require = createRequire(import.meta.url)
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
 log.initialize({ preload: true })
 
 const debug = !!appStore.get('common.debug')
@@ -77,9 +83,8 @@ function createWindow() {
     minHeight: 800,
     autoHideMenuBar: true,
     webPreferences: {
-      // nodeIntegration: true,
-      // contextIsolation: false,
-      preload: path.join(__dirname, './preload.js'),
+      preload: path.join(__dirname, 'preload.mjs'),
+      nodeIntegration: true,
       sandbox: false,
       spellcheck: false,
     },
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..bbc6983
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,60 @@
+import { createRequire } from 'node:module'
+import antfu from '@antfu/eslint-config'
+
+const require = createRequire(import.meta.url)
+
+const autoImport = require('./.eslintrc-auto-import.json')
+
+export default antfu(
+  {
+    typescript: false,
+    markdown: false,
+    ignores: [
+      '.github',
+      '.vscode',
+      'node_modules',
+      'dist',
+      'dist-electron',
+      'dist-release',
+    ],
+  },
+  {
+    languageOptions: {
+      globals: {
+        ...autoImport.globals,
+      },
+    },
+    rules: {
+      'jsdoc/check-param-names': 'off',
+      'jsdoc/check-types': 'off',
+      'jsdoc/require-returns-description': 'off',
+
+      'antfu/consistent-list-newline': 'off',
+      'antfu/top-level-function': 'off',
+
+      'import/default': 'off',
+
+      'node/prefer-global/process': 'off',
+
+      'no-console': 'off',
+      'curly': 'off',
+      'eqeqeq': 'off',
+      'no-unused-vars': 'off',
+      'unused-imports/no-unused-vars': 'off',
+      'no-debugger': 'off',
+      'no-restricted-syntax': 'off',
+      'no-new': 'off',
+      'prefer-promise-reject-errors': 'off',
+
+      'vue/html-self-closing': 'off',
+      'vue/block-order': 'off',
+      'vue/no-unused-refs': 'off',
+      'vue/no-mutating-props': 'off',
+      'vue/no-constant-condition': 'off',
+      'vue/eqeqeq': 'off',
+      'vue/custom-event-name-casing': 'off',
+      'vue/no-use-v-if-with-v-for': 'off',
+      'vue/component-tags-order': 'off',
+    },
+  },
+)
diff --git a/package.json b/package.json
index c77dfda..29b99af 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,6 @@
 {
   "name": "escrcpy",
+  "type": "module",
   "version": "1.18.4",
   "private": true,
   "description": "Scrcpy Powered by Electron",
@@ -7,59 +8,60 @@
   "homepage": "https://github.com/viarotel-org/escrcpy",
   "main": "dist-electron/main.js",
   "scripts": {
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "dev": "vite",
     "build": "vite build && electron-builder",
     "build:win": "vite build && electron-builder --win",
     "build:mac": "vite build && electron-builder --mac",
     "build:linux": "vite build && electron-builder --linux",
     "preview": "vite preview",
-    "lint": "eslint . --ignore-path .eslintignore",
-    "lint:fix": "eslint . --ignore-path .eslintignore --fix",
     "svgo": "svgo --folder=src/icons/svgo --output=src/icons/svg --config=src/icons/svgo.config.js",
     "postinstall": "electron-builder install-app-deps",
     "prepare": "husky install"
   },
   "dependencies": {
-    "vue": "^3.3.6"
+    "vue": "^3.4.26"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.43.1",
-    "@devicefarmer/adbkit": "^3.2.5",
-    "@electron-toolkit/preload": "^2.0.0",
-    "@electron-toolkit/utils": "^2.0.1",
-    "@hono/node-server": "^1.2.3",
-    "@intlify/unplugin-vue-i18n": "^1.4.0",
-    "@unocss/reset": "^0.58.5",
-    "@unocss/transformer-directives": "^0.58.5",
+    "@antfu/eslint-config": "^2.16.1",
+    "@devicefarmer/adbkit": "^3.2.6",
+    "@electron-toolkit/preload": "^3.0.1",
+    "@electron-toolkit/utils": "^3.0.0",
+    "@hono/node-server": "^1.11.1",
+    "@intlify/unplugin-vue-i18n": "^4.0.0",
+    "@unocss/reset": "^0.59.4",
+    "@unocss/transformer-directives": "^0.59.4",
     "@viarotel-org/unocss-preset-shades": "^0.8.2",
-    "@vitejs/plugin-vue": "^4.4.0",
-    "dayjs": "^1.11.10",
-    "electron": "^27.0.3",
-    "electron-builder": "^24.6.4",
-    "electron-context-menu": "^3.6.1",
-    "electron-log": "^5.0.0",
-    "electron-store": "^8.1.0",
-    "electron-updater": "^6.1.4",
-    "element-plus": "^2.4.2",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "dayjs": "^1.11.11",
+    "electron": "^30.0.2",
+    "electron-builder": "^24.13.3",
+    "electron-context-menu": "^4.0.0",
+    "electron-log": "^5.1.2",
+    "electron-store": "^9.0.0",
+    "electron-updater": "^6.1.8",
+    "element-plus": "^2.7.2",
+    "eslint": "^9.2.0",
     "fix-path": "^4.0.0",
-    "fs-extra": "^11.1.1",
-    "hono": "^3.10.1",
-    "husky": "^8.0.0",
-    "isomorphic-ws": "^5.0.0",
+    "fs-extra": "^11.2.0",
+    "hono": "^4.3.2",
+    "husky": "^9.0.11",
     "lodash-es": "^4.17.21",
     "pinia": "^2.1.7",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.38",
     "postcss-nested": "^6.0.1",
     "postcss-scss": "^4.0.9",
-    "typescript": "5.2.2",
-    "unocss": "^0.58.5",
-    "vite": "^4.5.0",
-    "vite-plugin-electron": "^0.14.1",
+    "unocss": "^0.59.4",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.27.0",
+    "vite": "^5.2.11",
+    "vite-plugin-electron": "^0.28.7",
     "vite-plugin-electron-renderer": "^0.14.5",
-    "vite-svg-loader": "^4.0.0",
+    "vite-svg-loader": "^5.1.0",
     "vue-command": "^35.2.1",
-    "vue-i18n": "^9.5.0",
+    "vue-i18n": "^9.13.1",
     "which": "^4.0.0",
-    "ws": "^8.14.2"
+    "ws": "^8.17.0"
   }
 }
diff --git a/postcss.config.mjs b/postcss.config.js
similarity index 100%
rename from postcss.config.mjs
rename to postcss.config.js
diff --git a/src/plugins/auto.js b/src/plugins/auto.js
new file mode 100644
index 0000000..0e9c6c2
--- /dev/null
+++ b/src/plugins/auto.js
@@ -0,0 +1,21 @@
+import useAutoImport from 'unplugin-auto-import/vite'
+import useAutoComponents from 'unplugin-vue-components/vite'
+
+import ElementPlus from './element-plus/auto.js'
+
+const resolvers = [ElementPlus()]
+
+export default () => {
+  return [
+    useAutoImport({
+      resolvers,
+      imports: ['vue', 'vue-router', 'pinia'],
+      eslintrc: {
+        enabled: true,
+      },
+    }),
+    useAutoComponents({
+      resolvers,
+    }),
+  ]
+}
diff --git a/src/plugins/element-plus/auto.js b/src/plugins/element-plus/auto.js
new file mode 100644
index 0000000..ea0f9fc
--- /dev/null
+++ b/src/plugins/element-plus/auto.js
@@ -0,0 +1,3 @@
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+
+export default ElementPlusResolver
diff --git a/src/plugins/element-plus/index.js b/src/plugins/element-plus/index.js
index baaf79e..1e4c0d8 100644
--- a/src/plugins/element-plus/index.js
+++ b/src/plugins/element-plus/index.js
@@ -1,15 +1,11 @@
-import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
 import 'element-plus/theme-chalk/dark/css-vars.css'
 import './restyle.css'
 
-import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+import * as ElementPlusIcons from '@element-plus/icons-vue'
 
 export default {
   install(app) {
-    app.use(ElementPlus, { size: 'default' })
-
-    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    for (const [key, component] of Object.entries(ElementPlusIcons)) {
       app.component(key, component)
     }
   },
diff --git a/vite.config.js b/vite.config.js
index 713ebb4..8abdb42 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,6 +1,6 @@
 import { resolve } from 'node:path'
 import { defineConfig, mergeConfig } from 'vite'
-import useElectron from 'vite-plugin-electron'
+import useElectron from 'vite-plugin-electron/simple'
 import useRenderer from 'vite-plugin-electron-renderer'
 import { notBundle } from 'vite-plugin-electron/plugin'
 
@@ -9,7 +9,9 @@ import useUnoCSS from 'unocss/vite'
 import useSvg from 'vite-svg-loader'
 import useI18n from '@intlify/unplugin-vue-i18n/vite'
 
-import postcssConfig from './postcss.config.mjs'
+import postcssConfig from './postcss.config.js'
+
+import useAutoImports from './src/plugins/auto.js'
 
 const merge = (config, { command = '' } = {}) =>
   mergeConfig(
@@ -26,15 +28,14 @@ const merge = (config, { command = '' } = {}) =>
     config,
   )
 
-// https://vitejs.dev/config/
-export default params =>
+export default args =>
   merge(
     defineConfig({
       build: {
         rollupOptions: {
           input: {
-            main: resolve(__dirname, 'index.html'),
-            copilot: resolve(__dirname, 'copilot/index.html'),
+            main: resolve('index.html'),
+            copilot: resolve('copilot/index.html'),
           },
         },
       },
@@ -50,22 +51,20 @@ export default params =>
         useSvg(),
         useVue(),
         useI18n({
-          include: [resolve(__dirname, './src/locales/languages/**')],
+          include: [resolve('src/locales/languages/**')],
         }),
-        useElectron([
-          {
+        useElectron({
+          main: {
             entry: 'electron/main.js',
-            vite: merge({}, params),
+            vite: merge({}, args),
           },
-          {
-            entry: 'electron/preload.js',
-            onstart(args) {
-              args.reload()
-            },
-            vite: merge({}, params),
+          preload: {
+            input: 'electron/preload.js',
+            vite: merge({}, args),
           },
-        ]),
+        }),
         useRenderer(),
+        ...useAutoImports(),
       ],
       css: {
         postcss: postcssConfig,