feat(all): change icon import way,auto import js lib

2023-09-12 15:53:23 +08:00
parent bef50ac958
commit a2b1d7b492
29 changed files with 5355 additions and 758 deletions
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -0,0 +1,9 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+
+}
--- a/components.d.ts
+++ b/components.d.ts
@@ -0,0 +1,36 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    Backgorund: typeof import('./src/components/Backgorund.vue')['default']
+    BaseButton: typeof import('./src/components/BaseButton.vue')['default']
+    ChapterDetail: typeof import('./src/components/ChapterDetail.vue')['default']
+    ChapterList: typeof import('./src/components/ChapterList.vue')['default']
+    DictList: typeof import('./src/components/DictList.vue')['default']
+    DictModal: typeof import('./src/components/Toolbar/DictModal.vue')['default']
+    ElProgress: typeof import('element-plus/es')['ElProgress']
+    ElSlider: typeof import('element-plus/es')['ElSlider']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    FeedbackModal: typeof import('./src/components/Toolbar/FeedbackModal.vue')['default']
+    Fireworks: typeof import('./src/components/Fireworks.vue')['default']
+    Footer: typeof import('./src/components/Practice/Footer.vue')['default']
+    IconWrapper: typeof import('./src/components/IconWrapper.vue')['default']
+    Modal: typeof import('./src/components/Modal/Modal.vue')['default']
+    PopConfirm: typeof import('./src/components/PopConfirm.vue')['default']
+    Practice: typeof import('./src/components/Practice/Practice.vue')['default']
+    Ring: typeof import('./src/components/Ring.vue')['default']
+    SettingModal: typeof import('./src/components/Toolbar/SettingModal.vue')['default']
+    Side: typeof import('./src/components/Side.vue')['default']
+    Statistics: typeof import('./src/components/Modal/Statistics.vue')['default']
+    Toolbar: typeof import('./src/components/Toolbar/Toolbar.vue')['default']
+    Tooltip: typeof import('./src/components/Tooltip.vue')['default']
+    TypeArticle: typeof import('./src/components/Practice/TypeArticle.vue')['default']
+    TypeWord: typeof import('./src/components/Practice/TypeWord.vue')['default']
+    WordList: typeof import('./src/components/WordList.vue')['default']
+  }
+}
--- a/package.json
+++ b/package.json
@@ -7,39 +7,41 @@
    "dev": "vite",
    "build": "vue-tsc && vite build",
    "build2": "vite build",
+    "report": "vite build",
    "preview": "vite preview",
    "commit": "git-cz",
    "prepare": "husky install",
    "test": ""
  },
  "dependencies": {
-    "@icon-park/vue-next": "^1.4.2",
    "@opentranslate/baidu": "^1.4.2",
    "@opentranslate/translator": "^1.4.2",
    "axios": "^1.5.0",
    "element-plus": "^2.3.9",
    "hover.css": "^2.3.2",
    "localforage": "^1.10.0",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
    "mitt": "^3.0.1",
    "pinia": "^2.1.6",
    "swiper": "^10.1.0",
    "tesseract.js": "^4.1.1",
-    "tslib": "^2.6.2",
    "vue": "^3.3.4"
  },
  "devDependencies": {
-    "@iconify/json": "^2.2.102",
-    "@types/lodash": "^4.14.196",
+    "tslib": "^2.6.2",
+    "@iconify/vue": "^4.1.1",
+    "@types/lodash-es": "^4.17.9",
    "@vitejs/plugin-vue": "^4.2.3",
    "@vitejs/plugin-vue-jsx": "^3.0.1",
    "@vue/compiler-sfc": "^3.3.4",
    "commitizen": "^4.3.0",
    "cz-conventional-changelog": "^3.3.0",
    "husky": "^8.0.3",
+    "rollup-plugin-visualizer": "^5.9.2",
    "sass": "^1.64.2",
    "typescript": "^5.2.0",
-    "unplugin-icons": "^0.16.5",
+    "unplugin-auto-import": "^0.16.6",
+    "unplugin-vue-components": "^0.25.2",
    "vite": "^4.4.5",
    "vue-tsc": "^1.8.5"
  },
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,9 +5,6 @@ settings:
  excludeLinksFromLockfile: false

 dependencies:
-  '@icon-park/vue-next':
-    specifier: ^1.4.2
-    version: 1.4.2(vue@3.3.4)
  '@opentranslate/baidu':
    specifier: ^1.4.2
    version: 1.4.2
@@ -26,7 +23,7 @@ dependencies:
  localforage:
    specifier: ^1.10.0
    version: 1.10.0
-  lodash:
+  lodash-es:
    specifier: ^4.17.21
    version: 4.17.21
  mitt:
@@ -41,20 +38,17 @@ dependencies:
  tesseract.js:
    specifier: ^4.1.1
    version: 4.1.1
-  tslib:
-    specifier: ^2.6.2
-    version: 2.6.2
  vue:
    specifier: ^3.3.4
    version: 3.3.4

 devDependencies:
-  '@iconify/json':
-    specifier: ^2.2.102
-    version: 2.2.102
-  '@types/lodash':
-    specifier: ^4.14.196
-    version: 4.14.196
+  '@iconify/vue':
+    specifier: ^4.1.1
+    version: 4.1.1(vue@3.3.4)
+  '@types/lodash-es':
+    specifier: ^4.17.9
+    version: 4.17.9
  '@vitejs/plugin-vue':
    specifier: ^4.2.3
    version: 4.2.3(vite@4.4.5)(vue@3.3.4)
@@ -73,15 +67,24 @@ devDependencies:
  husky:
    specifier: ^8.0.3
    version: 8.0.3
+  rollup-plugin-visualizer:
+    specifier: ^5.9.2
+    version: 5.9.2
  sass:
    specifier: ^1.64.2
    version: 1.64.2
+  tslib:
+    specifier: ^2.6.2
+    version: 2.6.2
  typescript:
    specifier: ^5.2.0
    version: 5.2.2
-  unplugin-icons:
-    specifier: ^0.16.5
-    version: 0.16.5(@vue/compiler-sfc@3.3.4)
+  unplugin-auto-import:
+    specifier: ^0.16.6
+    version: 0.16.6
+  unplugin-vue-components:
+    specifier: ^0.25.2
+    version: 0.25.2(vue@3.3.4)
  vite:
    specifier: ^4.4.5
    version: 4.4.5(@types/node@20.4.7)(sass@1.64.2)
@@ -99,13 +102,6 @@ packages:
      '@jridgewell/trace-mapping': 0.3.19
    dev: true

-  /@antfu/install-pkg@0.1.1:
-    resolution: {integrity: sha512-LyB/8+bSfa0DFGC06zpCEfs89/XoWZwws5ygEa5D+Xsm3OfI+aXQ86VgVG7Acyef+rSZ5HE7J8rrxzrQeM3PjQ==}
-    dependencies:
-      execa: 5.1.1
-      find-up: 5.0.0
-    dev: true
-
  /@antfu/utils@0.7.6:
    resolution: {integrity: sha512-pvFiLP2BeOKA/ZOS6jxx4XhKzdVLHDhGlFEaZ2flWWYf2xOqVniqpk38I04DFRyz+L0ASggl7SkItTc+ZLju4w==}
    dev: true
@@ -711,37 +707,17 @@ packages:
    resolution: {integrity: sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw==}
    dev: false

-  /@icon-park/vue-next@1.4.2(vue@3.3.4):
-    resolution: {integrity: sha512-+QklF255wkfBOabY+xw6FAI0Bwln/RhdwCunNy/9sKdKuChtaU67QZqU67KGAvZUTeeBgsL+yaHHxqfQeGZXEQ==}
-    engines: {node: '>= 8.0.0', npm: '>= 5.0.0'}
-    peerDependencies:
-      vue: 3.x
-    dependencies:
-      vue: 3.3.4
-    dev: false
-
-  /@iconify/json@2.2.102:
-    resolution: {integrity: sha512-GzTbgFxu5KF17HYj1i4gCr6qpIeEOuFsVEuuePy33vH1vs2IA0a0ox/ZVQDBWhNZHYAIZHL6XBC4m/vsr0J+qA==}
-    dependencies:
-      '@iconify/types': 2.0.0
-      pathe: 1.1.1
-    dev: true
-
  /@iconify/types@2.0.0:
    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
    dev: true

-  /@iconify/utils@2.1.7:
-    resolution: {integrity: sha512-P8S3z/L1LcV4Qem9AoCfVAaTFGySEMzFEY4CHZLkfRj0Fv9LiR+AwjDgrDrzyI93U2L2mg9JHsbTJ52mF8suNw==}
+  /@iconify/vue@4.1.1(vue@3.3.4):
+    resolution: {integrity: sha512-RL85Bm/DAe8y6rT6pux7D2FJSiUEM/TPfyK7GrbAOfTSwrhvwJW+S5yijdGcmtXouA8MtuH9C7l4hiSE4mLMjg==}
+    peerDependencies:
+      vue: '>=3'
    dependencies:
-      '@antfu/install-pkg': 0.1.1
-      '@antfu/utils': 0.7.6
      '@iconify/types': 2.0.0
-      debug: 4.3.4
-      kolorist: 1.8.0
-      local-pkg: 0.4.3
-    transitivePeerDependencies:
-      - supports-color
+      vue: 3.3.4
    dev: true

  /@jridgewell/gen-mapping@0.3.3:
@@ -782,6 +758,27 @@ packages:
    dev: true
    optional: true

+  /@nodelib/fs.scandir@2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+    dev: true
+
+  /@nodelib/fs.stat@2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /@nodelib/fs.walk@1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.15.0
+    dev: true
+
  /@opentranslate/baidu@1.4.2:
    resolution: {integrity: sha512-j8V7P+OCzEIAa+Zh4P6tbgWizVuVfKJOXDvk6M865J4QOE1lUQIN/Hb5SdodePkFinwNbQK2mAb7qF9wO/nQbA==}
    dependencies:
@@ -808,6 +805,20 @@ packages:
      - supports-color
    dev: false

+  /@rollup/pluginutils@5.0.4:
+    resolution: {integrity: sha512-0KJnIoRI8A+a1dqOYLxH8vBf8bphDmty5QvIm2hqm7oFCFYKCAZWWd2hXgMibaPsNDhI0AtpYfQZJG47pt/k4g==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@types/estree': 1.0.1
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    dev: true
+
  /@sxzz/popperjs-es@2.11.7:
    resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
    dev: false
@@ -836,11 +847,14 @@ packages:
    dev: true
    optional: true

-  /@types/lodash-es@4.17.8:
-    resolution: {integrity: sha512-euY3XQcZmIzSy7YH5+Unb3b2X12Wtk54YWINBvvGQ5SmMvwb11JQskGsfkH/5HXK77Kr8GF0wkVDIxzAisWtog==}
+  /@types/estree@1.0.1:
+    resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==}
+    dev: true
+
+  /@types/lodash-es@4.17.9:
+    resolution: {integrity: sha512-ZTcmhiI3NNU7dEvWLZJkzG6ao49zOIjEgIE0RgV7wbPxU0f2xT3VSAHw2gmst8swH6V0YkLRGp4qPlX/6I90MQ==}
    dependencies:
      '@types/lodash': 4.14.196
-    dev: false

  /@types/lodash@4.14.196:
    resolution: {integrity: sha512-22y3o88f4a94mKljsZcanlNWPzO0uBsBdzLAngf2tp533LzZcQzb6+eZPJ+vCTt+bqF2XnvT9gejTLsAcJAJyQ==}
@@ -1310,6 +1324,15 @@ packages:
    engines: {node: '>= 10'}
    dev: true

+  /cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+    dev: true
+
  /clone@1.0.4:
    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
    engines: {node: '>=0.8'}
@@ -1424,15 +1447,6 @@ packages:
    dev: true
    optional: true

-  /cross-spawn@7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
-    engines: {node: '>= 8'}
-    dependencies:
-      path-key: 3.1.1
-      shebang-command: 2.0.0
-      which: 2.0.2
-    dev: true
-
  /crypt@0.0.2:
    resolution: {integrity: sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==}
    dev: false
@@ -1498,6 +1512,11 @@ packages:
      clone: 1.0.4
    dev: true

+  /define-lazy-prop@2.0.0:
+    resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
+    engines: {node: '>=8'}
+    dev: true
+
  /delayed-stream@1.0.0:
    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
    engines: {node: '>=0.4.0'}
@@ -1534,14 +1553,14 @@ packages:
      '@floating-ui/dom': 1.5.1
      '@popperjs/core': /@sxzz/popperjs-es@2.11.7
      '@types/lodash': 4.14.196
-      '@types/lodash-es': 4.17.8
+      '@types/lodash-es': 4.17.9
      '@vueuse/core': 9.13.0(vue@3.3.4)
      async-validator: 4.2.5
      dayjs: 1.11.9
      escape-html: 1.0.3
      lodash: 4.17.21
      lodash-es: 4.17.21
-      lodash-unified: 1.0.3(@types/lodash-es@4.17.8)(lodash-es@4.17.21)(lodash@4.17.21)
+      lodash-unified: 1.0.3(@types/lodash-es@4.17.9)(lodash-es@4.17.21)(lodash@4.17.21)
      memoize-one: 6.0.0
      normalize-wheel-es: 1.2.0
      vue: 3.3.4
@@ -1605,24 +1624,14 @@ packages:
    engines: {node: '>=0.8.0'}
    dev: true

+  /escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+    dev: true
+
  /estree-walker@2.0.2:
    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}

-  /execa@5.1.1:
-    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
-    engines: {node: '>=10'}
-    dependencies:
-      cross-spawn: 7.0.3
-      get-stream: 6.0.1
-      human-signals: 2.1.0
-      is-stream: 2.0.1
-      merge-stream: 2.0.0
-      npm-run-path: 4.0.1
-      onetime: 5.1.2
-      signal-exit: 3.0.7
-      strip-final-newline: 2.0.0
-    dev: true
-
  /expand-tilde@2.0.2:
    resolution: {integrity: sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==}
    engines: {node: '>=0.10.0'}
@@ -1645,6 +1654,23 @@ packages:
    dev: true
    optional: true

+  /fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
+  /fastq@1.15.0:
+    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
+    dependencies:
+      reusify: 1.0.4
+    dev: true
+
  /figures@3.2.0:
    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
    engines: {node: '>=8'}
@@ -1670,14 +1696,6 @@ packages:
    resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==}
    dev: true

-  /find-up@5.0.0:
-    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
-    engines: {node: '>=10'}
-    dependencies:
-      locate-path: 6.0.0
-      path-exists: 4.0.0
-    dev: true
-
  /findup-sync@4.0.0:
    resolution: {integrity: sha512-6jvvn/12IC4quLBL1KNokxC7wWTvYncaVUYSoxWw7YykPLuRrnv4qdHcSOywOI5RpkOVGeQRtWM8/q+G6W6qfQ==}
    engines: {node: '>= 8'}
@@ -1746,13 +1764,17 @@ packages:

  /function-bind@1.1.1:
    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
-    dev: false

  /gensync@1.0.0-beta.2:
    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
    engines: {node: '>=6.9.0'}
    dev: true

+  /get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+    dev: true
+
  /get-intrinsic@1.2.1:
    resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==}
    dependencies:
@@ -1762,11 +1784,6 @@ packages:
      has-symbols: 1.0.3
    dev: false

-  /get-stream@6.0.1:
-    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
-    engines: {node: '>=10'}
-    dev: true
-
  /glob-parent@5.1.2:
    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
    engines: {node: '>= 6'}
@@ -1849,7 +1866,6 @@ packages:
    engines: {node: '>= 0.4.0'}
    dependencies:
      function-bind: 1.1.1
-    dev: false

  /he@1.2.0:
    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
@@ -1872,11 +1888,6 @@ packages:
    engines: {node: '>=8'}
    dev: true

-  /human-signals@2.1.0:
-    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
-    engines: {node: '>=10.17.0'}
-    dev: true
-
  /husky@8.0.3:
    resolution: {integrity: sha512-+dQSyqPh4x1hlO1swXBiNb2HzTDN1I2IGLQx1GrBuiqFJfoMrnZWwVmatvSiO+Iz8fBUnf+lekwNo4c2LlXItg==}
    engines: {node: '>=14'}
@@ -1969,6 +1980,18 @@ packages:
    resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==}
    dev: false

+  /is-core-module@2.13.0:
+    resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==}
+    dependencies:
+      has: 1.0.3
+    dev: true
+
+  /is-docker@2.2.1:
+    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dev: true
+
  /is-electron@2.2.2:
    resolution: {integrity: sha512-FO/Rhvz5tuw4MCWkpMzHFKWD2LsfHzIb7i6MdPYZ/KW7AlxawyLkqdy+jPZP1WubqEADE3O4FUENlJHDfQASRg==}
    dev: false
@@ -2000,11 +2023,6 @@ packages:
    engines: {node: '>=0.12.0'}
    dev: true

-  /is-stream@2.0.1:
-    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
-    engines: {node: '>=8'}
-    dev: true
-
  /is-unicode-supported@0.1.0:
    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
    engines: {node: '>=10'}
@@ -2023,6 +2041,13 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

+  /is-wsl@2.2.0:
+    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
+    engines: {node: '>=8'}
+    dependencies:
+      is-docker: 2.2.1
+    dev: true
+
  /isexe@2.0.0:
    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
    dev: true
@@ -2064,6 +2089,10 @@ packages:
    hasBin: true
    dev: true

+  /jsonc-parser@3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
+    dev: true
+
  /jsonfile@6.1.0:
    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
    dependencies:
@@ -2072,10 +2101,6 @@ packages:
      graceful-fs: 4.2.11
    dev: true

-  /kolorist@1.8.0:
-    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
-    dev: true
-
  /lie@3.1.1:
    resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==}
    dependencies:
@@ -2099,25 +2124,18 @@ packages:
      lie: 3.1.1
    dev: false

-  /locate-path@6.0.0:
-    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
-    engines: {node: '>=10'}
-    dependencies:
-      p-locate: 5.0.0
-    dev: true
-
  /lodash-es@4.17.21:
    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
    dev: false

-  /lodash-unified@1.0.3(@types/lodash-es@4.17.8)(lodash-es@4.17.21)(lodash@4.17.21):
+  /lodash-unified@1.0.3(@types/lodash-es@4.17.9)(lodash-es@4.17.21)(lodash@4.17.21):
    resolution: {integrity: sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==}
    peerDependencies:
      '@types/lodash-es': '*'
      lodash: '*'
      lodash-es: '*'
    dependencies:
-      '@types/lodash-es': 4.17.8
+      '@types/lodash-es': 4.17.9
      lodash: 4.17.21
      lodash-es: 4.17.21
    dev: false
@@ -2185,6 +2203,13 @@ packages:
    dependencies:
      '@jridgewell/sourcemap-codec': 1.4.15

+  /magic-string@0.30.3:
+    resolution: {integrity: sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
+
  /make-error@1.3.6:
    resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
    requiresBuild: true
@@ -2203,8 +2228,9 @@ packages:
    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
    dev: false

-  /merge-stream@2.0.0:
-    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+  /merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
    dev: true

  /merge@2.1.1:
@@ -2257,6 +2283,15 @@ packages:
    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
    dev: false

+  /mlly@1.4.2:
+    resolution: {integrity: sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==}
+    dependencies:
+      acorn: 8.10.0
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      ufo: 1.3.0
+    dev: true
+
  /ms@2.0.0:
    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
    dev: false
@@ -2307,13 +2342,6 @@ packages:
    resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
    dev: false

-  /npm-run-path@4.0.1:
-    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
-    engines: {node: '>=8'}
-    dependencies:
-      path-key: 3.1.1
-    dev: true
-
  /object-inspect@1.12.3:
    resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
    dev: false
@@ -2331,6 +2359,15 @@ packages:
      mimic-fn: 2.1.0
    dev: true

+  /open@8.4.2:
+    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      define-lazy-prop: 2.0.0
+      is-docker: 2.2.1
+      is-wsl: 2.2.0
+    dev: true
+
  /opencollective-postinstall@2.0.3:
    resolution: {integrity: sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==}
    hasBin: true
@@ -2356,20 +2393,6 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

-  /p-limit@3.1.0:
-    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
-    engines: {node: '>=10'}
-    dependencies:
-      yocto-queue: 0.1.0
-    dev: true
-
-  /p-locate@5.0.0:
-    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
-    engines: {node: '>=10'}
-    dependencies:
-      p-limit: 3.1.0
-    dev: true
-
  /parent-module@1.0.1:
    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
    engines: {node: '>=6'}
@@ -2396,19 +2419,13 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

-  /path-exists@4.0.0:
-    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
-    engines: {node: '>=8'}
-    dev: true
-
  /path-is-absolute@1.0.1:
    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
    engines: {node: '>=0.10.0'}
    dev: true

-  /path-key@3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
+  /path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
    dev: true

  /path-type@4.0.0:
@@ -2448,6 +2465,14 @@ packages:
      vue-demi: 0.14.5(vue@3.3.4)
    dev: false

+  /pkg-types@1.0.3:
+    resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
+    dependencies:
+      jsonc-parser: 3.2.0
+      mlly: 1.4.2
+      pathe: 1.1.1
+    dev: true
+
  /postcss@8.4.27:
    resolution: {integrity: sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==}
    engines: {node: ^10 || ^12 || >=14}
@@ -2474,6 +2499,10 @@ packages:
      side-channel: 1.0.4
    dev: false

+  /queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    dev: true
+
  /readable-stream@3.6.2:
    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
    engines: {node: '>= 6'}
@@ -2494,6 +2523,11 @@ packages:
    resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
    dev: false

+  /require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
  /require-from-string@2.0.2:
    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
    engines: {node: '>=0.10.0'}
@@ -2532,6 +2566,15 @@ packages:
    dev: true
    optional: true

+  /resolve@1.22.4:
+    resolution: {integrity: sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==}
+    hasBin: true
+    dependencies:
+      is-core-module: 2.13.0
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    dev: true
+
  /restore-cursor@3.1.0:
    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
    engines: {node: '>=8'}
@@ -2540,6 +2583,27 @@ packages:
      signal-exit: 3.0.7
    dev: true

+  /reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    dev: true
+
+  /rollup-plugin-visualizer@5.9.2:
+    resolution: {integrity: sha512-waHktD5mlWrYFrhOLbti4YgQCn1uR24nYsNuXxg7LkPH8KdTXVWR9DNY1WU0QqokyMixVXJS4J04HNrVTMP01A==}
+    engines: {node: '>=14'}
+    hasBin: true
+    peerDependencies:
+      rollup: 2.x || 3.x
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      open: 8.4.2
+      picomatch: 2.3.1
+      source-map: 0.7.4
+      yargs: 17.7.2
+    dev: true
+
  /rollup@3.27.0:
    resolution: {integrity: sha512-aOltLCrYZ0FhJDm7fCqwTjIUEVjWjcydKBV/Zeid6Mn8BWgDCUBBWT5beM5ieForYNo/1ZHuGJdka26kvQ3Gzg==}
    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
@@ -2553,6 +2617,12 @@ packages:
    engines: {node: '>=0.12.0'}
    dev: true

+  /run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+    dependencies:
+      queue-microtask: 1.2.3
+    dev: true
+
  /rxjs@7.8.1:
    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
    dependencies:
@@ -2577,6 +2647,10 @@ packages:
      source-map-js: 1.0.2
    dev: true

+  /scule@1.0.0:
+    resolution: {integrity: sha512-4AsO/FrViE/iDNEPaAQlb77tf0csuq27EsVpy6ett584EcRTp6pTDLoGWVxCD77y5iU5FauOvhsI4o1APwPoSQ==}
+    dev: true
+
  /semver@6.3.1:
    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
    hasBin: true
@@ -2590,18 +2664,6 @@ packages:
      lru-cache: 6.0.0
    dev: true

-  /shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
-    dependencies:
-      shebang-regex: 3.0.0
-    dev: true
-
-  /shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
-    dev: true
-
  /side-channel@1.0.4:
    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
    dependencies:
@@ -2618,6 +2680,11 @@ packages:
    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
    engines: {node: '>=0.10.0'}

+  /source-map@0.7.4:
+    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
+    engines: {node: '>= 8'}
+    dev: true
+
  /string-width@4.2.3:
    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
    engines: {node: '>=8'}
@@ -2645,16 +2712,17 @@ packages:
    engines: {node: '>=8'}
    dev: true

-  /strip-final-newline@2.0.0:
-    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
-    engines: {node: '>=6'}
-    dev: true
-
  /strip-json-comments@3.1.1:
    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
    engines: {node: '>=8'}
    dev: true

+  /strip-literal@1.3.0:
+    resolution: {integrity: sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==}
+    dependencies:
+      acorn: 8.10.0
+    dev: true
+
  /supports-color@5.5.0:
    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
    engines: {node: '>=4'}
@@ -2670,6 +2738,11 @@ packages:
      has-flag: 4.0.0
    dev: true

+  /supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
  /svg-tags@1.0.0:
    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
    dev: true
@@ -2775,6 +2848,7 @@ packages:

  /tslib@2.6.2:
    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+    dev: true

  /type-fest@0.21.3:
    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
@@ -2786,40 +2860,83 @@ packages:
    engines: {node: '>=14.17'}
    hasBin: true

+  /ufo@1.3.0:
+    resolution: {integrity: sha512-bRn3CsoojyNStCZe0BG0Mt4Nr/4KF+rhFlnNXybgqt5pXHNFRlqinSoQaTrGyzE4X8aHplSb+TorH+COin9Yxw==}
+    dev: true
+
+  /unimport@3.3.0:
+    resolution: {integrity: sha512-3jhq3ZG5hFZzrWGDCpx83kjPzefP/EeuKkIO1T0MA4Zwj+dO/Og1mFvZ4aZ5WSDm0FVbbdVIRH1zKBG7c4wOpg==}
+    dependencies:
+      '@rollup/pluginutils': 5.0.4
+      escape-string-regexp: 5.0.0
+      fast-glob: 3.3.1
+      local-pkg: 0.4.3
+      magic-string: 0.30.3
+      mlly: 1.4.2
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      scule: 1.0.0
+      strip-literal: 1.3.0
+      unplugin: 1.4.0
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
  /universalify@2.0.0:
    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
    engines: {node: '>= 10.0.0'}
    dev: true

-  /unplugin-icons@0.16.5(@vue/compiler-sfc@3.3.4):
-    resolution: {integrity: sha512-laCCqMWfng1XZgB9yowGfjBdDhtmz8t8zVnhzRNEMhBNdy26QrVewVmdXk/zsiAQYnEWvIxTjvW1nQXrxdd2+w==}
+  /unplugin-auto-import@0.16.6:
+    resolution: {integrity: sha512-M+YIITkx3C/Hg38hp8HmswP5mShUUyJOzpifv7RTlAbeFlO2Tyw0pwrogSSxnipHDPTtI8VHFBpkYkNKzYSuyA==}
+    engines: {node: '>=14'}
    peerDependencies:
-      '@svgr/core': '>=7.0.0'
-      '@svgx/core': ^1.0.1
-      '@vue/compiler-sfc': ^3.0.2 || ^2.7.0
-      vue-template-compiler: ^2.6.12
-      vue-template-es2015-compiler: ^1.9.0
+      '@nuxt/kit': ^3.2.2
+      '@vueuse/core': '*'
    peerDependenciesMeta:
-      '@svgr/core':
+      '@nuxt/kit':
        optional: true
-      '@svgx/core':
-        optional: true
-      '@vue/compiler-sfc':
-        optional: true
-      vue-template-compiler:
-        optional: true
-      vue-template-es2015-compiler:
+      '@vueuse/core':
        optional: true
    dependencies:
-      '@antfu/install-pkg': 0.1.1
      '@antfu/utils': 0.7.6
-      '@iconify/utils': 2.1.7
-      '@vue/compiler-sfc': 3.3.4
-      debug: 4.3.4
-      kolorist: 1.8.0
+      '@rollup/pluginutils': 5.0.4
+      fast-glob: 3.3.1
      local-pkg: 0.4.3
+      magic-string: 0.30.2
+      minimatch: 9.0.3
+      unimport: 3.3.0
      unplugin: 1.4.0
    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /unplugin-vue-components@0.25.2(vue@3.3.4):
+    resolution: {integrity: sha512-OVmLFqILH6w+eM8fyt/d/eoJT9A6WO51NZLf1vC5c1FZ4rmq2bbGxTy8WP2Jm7xwFdukaIdv819+UI7RClPyCA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/parser': ^7.15.8
+      '@nuxt/kit': ^3.2.2
+      vue: 2 || 3
+    peerDependenciesMeta:
+      '@babel/parser':
+        optional: true
+      '@nuxt/kit':
+        optional: true
+    dependencies:
+      '@antfu/utils': 0.7.6
+      '@rollup/pluginutils': 5.0.4
+      chokidar: 3.5.3
+      debug: 4.3.4
+      fast-glob: 3.3.1
+      local-pkg: 0.4.3
+      magic-string: 0.30.2
+      minimatch: 9.0.3
+      resolve: 1.22.4
+      unplugin: 1.4.0
+      vue: 3.3.4
+    transitivePeerDependencies:
+      - rollup
      - supports-color
    dev: true

@@ -2978,14 +3095,6 @@ packages:
      isexe: 2.0.0
    dev: true

-  /which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
-    hasBin: true
-    dependencies:
-      isexe: 2.0.0
-    dev: true
-
  /word-wrap@1.2.5:
    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
    engines: {node: '>=0.10.0'}
@@ -3004,6 +3113,11 @@ packages:
    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
    dev: true

+  /y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+    dev: true
+
  /yallist@3.1.1:
    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
    dev: true
@@ -3012,6 +3126,24 @@ packages:
    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
    dev: true

+  /yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.1.1
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+    dev: true
+
  /yn@3.1.1:
    resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
    engines: {node: '>=6'}
@@ -3019,11 +3151,6 @@ packages:
    dev: true
    optional: true

-  /yocto-queue@0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
-    engines: {node: '>=10'}
-    dev: true
-
  /zlibjs@0.3.1:
    resolution: {integrity: sha512-+J9RrgTKOmlxFSDHo0pI1xM6BLVUv+o0ZT9ANtCxGkjIVCCUdx9alUF8Gm+dGLKbkkkidWIHFDZHDMpfITt4+w==}
    dev: false
--- a/report.html
+++ b/report.html
--- a/src/assets/css/style.scss
+++ b/src/assets/css/style.scss
@@ -1,5 +1,4 @@
-@import "@icon-park/vue-next/styles/index.css";
-@import '/node_modules/element-plus/dist/index.css';
+//@import '/node_modules/element-plus/dist/index.css';
@import "/node_modules/hover.css";
@import "colors";
@import "anim";
@@ -88,4 +87,7 @@ footer {
  cursor: pointer;
 }

+.pointer{
+  cursor: pointer;
+}

--- a/src/components/Backgorund.vue
+++ b/src/components/Backgorund.vue
@@ -9,22 +9,18 @@

 import {onMounted} from "vue"

-const canvas = $ref()
-let ctx = null
+const canvas = $ref<HTMLCanvasElement>()

 onMounted(() => {
  console.log('canvas;', canvas)
-  // ctx = canvas.getContext('2d')
-  let ocas = document.createElement("canvas");
-  let octx = ocas.getContext("2d");
  let ctx = canvas.getContext("2d");
-  ocas.width = canvas.width = window.innerWidth;
-  ocas.height = canvas.height = window.innerHeight;
+  canvas.width = window.innerWidth;
+  canvas.height = window.innerHeight;
  let maxRadius = 1,
      stars = [];


-  let Star = function (x, y, r) {
+  let Star = function (x: number, y: number, r: number) {
    this.x = x;
    this.y = y;
    this.r = r;
@@ -54,7 +50,7 @@ onMounted(() => {
  drawBg()

  function drawMoon() {
-    let moon = document.getElementById("moon");
+    let moon: HTMLImageElement = document.getElementById("moon");
    let centerX = canvas.width - 200,
        centerY = 100,
        width = 80;
--- a/src/components/BaseButton.vue
+++ b/src/components/BaseButton.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import {KeyboardOne} from "@icon-park/vue-next";
 import Tooltip from "@/components/Tooltip.vue";
+import {Icon} from "@iconify/vue";

-const props = defineProps<{
+defineProps<{
  keyboard?: string,
  active?: boolean
 }>()
@@ -18,7 +18,7 @@ defineEmits(['click'])
         :class="active && 'active'">
      <span><slot></slot></span>
      <div class="key-notice" v-if="keyboard">
-        <keyboard-one theme="outline" size="14" fill="#ffffff" :strokeWidth="2"/>
+        <Icon icon="bi:keyboard" width="14" color="#ffffff"/>
        <span class="key">{{ keyboard }}</span>
      </div>
    </div>
--- a/src/components/ChapterDetail.vue
+++ b/src/components/ChapterDetail.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import {ArrowLeft} from '@icon-park/vue-next'
+import {Icon} from "@iconify/vue";
 import {computed, inject} from "vue"
 import WordList from "@/components/WordList.vue"
 import {useBaseStore} from "@/stores/base.ts"

 const store = useBaseStore()
-const back = inject('back')
-const stepIndex = inject('stepIndex')
-const tabIndex = inject('tabIndex')
+const back: () => void = inject('back')
+const stepIndex: any = inject('stepIndex')
+const tabIndex: any = inject('tabIndex')
 const isActive = computed(() => {
  return stepIndex.value === 2 && tabIndex.value === 0 && store.sideIsOpen
 })
@@ -17,10 +17,10 @@ const isActive = computed(() => {
 <template>
  <div class="chapter-detail page">
    <header>
-      <arrow-left @click="back" theme="outline" size="20" fill="#929596" :strokeWidth="2"/>
+      <Icon icon="octicon:arrow-right-24" @click="back" width="20" color="#929596"/>
      <div class="dict-name">16.</div>
    </header>
-    <WordList :isActive="isActive" :word-list="store.chapter" :activeIndex="store.wordIndex"></WordList>
+    <WordList :isActive="isActive" :list="store.chapter" :activeIndex="store.wordIndex"></WordList>
  </div>
 </template>

--- a/src/components/ChapterList.vue
+++ b/src/components/ChapterList.vue
@@ -2,8 +2,8 @@

 import {Word} from "@/types.ts"

-const props = defineProps<{
-  list: Word[],
+defineProps<{
+  list: Word[][],
  activeIndex: number
 }>()

@@ -18,7 +18,7 @@ function next() {
  <div class="list">
    <div class="item" :class="activeIndex === index && 'active'"
         v-for="(item,index) in list" @click="$emit('update:activeIndex', index)">
-      <div class="title">第{{ index + 1 }}章 {{item.length}}词</div>
+      <div class="title">第{{ index + 1 }}章 {{ item.length }}词</div>
    </div>
  </div>
 </template>
--- a/src/components/DictList.vue
+++ b/src/components/DictList.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import {inject} from "vue"

-const next = inject('next')
+const next: () => void = inject('next')

 </script>

--- a/src/components/IconWrapper.vue
+++ b/src/components/IconWrapper.vue
@@ -3,7 +3,7 @@ export default {
  render() {
    let Vnode = this.$slots.default()[0]
    return (
-        <div class="icon-wrapper">
+        <div class="icon-wrapper hvr-grow">
          <Vnode
          />
        </div>
--- a/src/components/Modal/Modal.vue
+++ b/src/components/Modal/Modal.vue
@@ -1,16 +1,18 @@
 <script setup lang="ts">
-import {Close} from "@icon-park/vue-next"
 import {onMounted} from "vue";
 import Tooltip from "@/components/Tooltip.vue";
+import {Icon} from '@iconify/vue';

 interface IProps {
  modelValue: boolean,
+  showClose?: boolean,
  title?: string,
  subTitle?: string,
 }

 const props = withDefaults(defineProps<IProps>(), {
  modelValue: true,
+  showClose: true,
 })

 const emit = defineEmits([
@@ -39,10 +41,11 @@ onMounted(() => {
        <div class="modal-mask" @click="close"></div>
        <div class="modal">
          <Tooltip title="关闭">
-            <Close @click="close"
-                   class="close"
-                   theme="outline" size="20" fill="#929596"
-                   :strokeWidth="2"/>
+            <Icon @click="close"
+                  v-if="showClose"
+                  class="close hvr-grow pointer"
+                  width="20" color="#929596"
+                  icon="ion:close-outline"/>
          </Tooltip>
          <div class="modal-header" v-if="props.title">
            <div class="title">{{ props.title }}</div>
--- a/src/components/Modal/Statistics.vue
+++ b/src/components/Modal/Statistics.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import Modal from "@/components/Modal/Modal.vue";
 import {useBaseStore} from "@/stores/base.ts";
-import {Like, ShareThree, Tea} from '@icon-park/vue-next'
 import Ring from "@/components/Ring.vue";
 import Tooltip from "@/components/Tooltip.vue";
 import Fireworks from "@/components/Fireworks.vue";
@@ -9,7 +8,8 @@ import BaseButton from "@/components/BaseButton.vue";
 import {DefaultStatistics, Statistics} from "@/types.ts";
 import {emitter, EventKey} from "@/utils/eventBus.ts";
 import {onMounted, reactive} from "vue";
-import {cloneDeep} from "lodash";
+import {cloneDeep} from "lodash-es";
+import {Icon} from '@iconify/vue';

 const store = useBaseStore()
 let statModalIsOpen = $ref(false)
@@ -75,19 +75,16 @@ function next() {
          </div>
          <div class="notice" v-if="!store.current.originWrongWords.length">
            <!--          <div class="notice">-->
-            <like theme="filled" size="20" fill="#ffffff" :strokeWidth="2"/>
+            <Icon class="hvr-grow pointer" icon="flat-color-icons:like" width="20" color="#929596"/>
            表现不错，全对了！
          </div>
        </div>
        <div class="shares">
          <Tooltip title="分享给朋友">
-            <share-three theme="outline" size="20" fill="#929596" :strokeWidth="2"/>
+            <Icon class="hvr-grow pointer" icon="ph:share-light" width="20" color="#929596"/>
          </Tooltip>
-          <Tooltip title="分享给朋友">
-            <tea theme="outline" size="20" fill="#929596" :strokeWidth="2"/>
-          </Tooltip>
-          <Tooltip title="分享给朋友">
-            <share-three theme="outline" size="20" fill="#929596" :strokeWidth="2"/>
+          <Tooltip title="请我喝杯咖啡">
+            <Icon class="hvr-grow pointer"  icon="twemoji:teacup-without-handle" width="20" color="#929596"/>
          </Tooltip>
        </div>
      </div>
--- a/src/components/Practice/Footer.vue
+++ b/src/components/Practice/Footer.vue
@@ -4,8 +4,8 @@ import {$computed, $ref} from "vue/macros"
 import {onMounted, onUnmounted} from "vue"
 import {useBaseStore} from "@/stores/base.ts"
 import Tooltip from "@/components/Tooltip.vue"
-import {Down} from "@icon-park/vue-next"
 import {usePracticeStore} from "@/components/Practice/usePracticeStore.ts";
+import {Icon} from "@iconify/vue";

 const practiceStore = usePracticeStore()
 const store = useBaseStore()
@@ -16,7 +16,7 @@ function format(val: number, suffix: string = '', check: number = -1) {

 const progress = $computed(() => {
  if (!practiceStore.total) return 0
-  if (practiceStore.inputNumber>practiceStore.total) return 100
+  if (practiceStore.inputNumber > practiceStore.total) return 100
  return ((practiceStore.inputNumber / practiceStore.total) * 100)
 })

@@ -37,11 +37,11 @@ onUnmounted(() => {
 <template>
  <div class="footer" :class="!store.setting.showToolbar && 'hide'">
    <Tooltip :title="store.setting.showToolbar?'收起':'展开'">
-      <Down
-          @click="store.setting.showToolbar = !store.setting.showToolbar"
-          class="arrow"
-          :class="!store.setting.showToolbar && 'down'"
-          theme="outline" size="24" fill="#999"/>
+      <Icon icon="icon-park-outline:down"
+            @click="store.setting.showToolbar = !store.setting.showToolbar"
+            class="arrow"
+            :class="!store.setting.showToolbar && 'down'"
+            width="24" color="#999"/>
    </Tooltip>
    <div class="bottom">
      <el-progress :percentage="progress"
--- a/src/components/Practice/Type.vue
+++ b/src/components/Practice/Type.vue
@@ -1,273 +0,0 @@
-<script setup lang="ts">
-import {computed, onMounted, onUnmounted, provide, watch} from "vue"
-import 快速打字的机械键盘声音Mp3 from '../assets/sound/key-sounds/快速打字的机械键盘声音.mp3'
-import 键盘快速打字的声音Mp3 from '../assets/sound/key-sounds/键盘快速打字的声音.mp3'
-import 电话打字的声音Mp3 from '../assets/sound/key-sounds/电话打字的声音.mp3'
-import 老式机械 from '../assets/sound/key-sounds/老式机械.mp3'
-import 机械0 from '../assets/sound/key-sounds/jixie/机械0.mp3'
-import 机械1 from '../assets/sound/key-sounds/jixie/机械1.mp3'
-import 机械2 from '../assets/sound/key-sounds/jixie/机械2.mp3'
-import 机械3 from '../assets/sound/key-sounds/jixie/机械3.mp3'
-import beep from '../assets/sound/beep.wav'
-import correct from '../assets/sound/correct.wav'
-import {$computed, $ref} from "vue/macros"
-import {useSound} from "@/hooks/useSound.ts"
-import {useBaseStore} from "@/stores/base.ts"
-import {DictType, SaveKey, ShortKeyMap, Word} from "../types";
-import {usePlayWordAudio} from "@/hooks/usePlayWordAudio.ts"
-import useTheme from "@/hooks/useTheme.ts";
-import Tooltip from "@/components/Tooltip.vue";
-import BaseButton from "@/components/BaseButton.vue";
-import {
-  Down,
-  Delete,
-} from "@icon-park/vue-next"
-import {emitter, EventKey} from "@/utils/eventBus.ts"
-import {cloneDeep} from "lodash"
-
-let input = $ref('')
-let wrong = $ref('')
-let showFullWord = $ref(false)
-let activeIndex = $ref(-1)
-const store = useBaseStore()
-
-// const [playKeySound, setAudio] = useSound([机械0, 机械1, 机械2, 机械3], 1)
-// const [playKeySound, setAudio] = useSound([老式机械], 3)
-const [playKeySound, setAudio] = useSound([电话打字的声音Mp3], 3)
-const [playBeep] = useSound([beep], 1)
-const [playCorrect] = useSound([correct], 1)
-const [playAudio] = usePlayWordAudio()
-
-
-interface IProps {
-  total: number,
-  startDate: number
-  inputNumber: number
-  wrongNumber: number
-  correctRate: number
-}
-
-const props = withDefaults(defineProps<IProps>(), {
-  total: 0,
-  startDate: Date.now(),
-  inputNumber: 0,
-  wrongNumber: 0,
-  correctRate: 0,
-})
-
-const resetWord = $computed(() => {
-  return store.word.name.slice(input.length + wrong.length)
-})
-onMounted(() => {
-  window.addEventListener('keydown', onKeyDown)
-  window.addEventListener('keyup', onKeyUp)
-
-  emitter.on(EventKey.resetWord, () => {
-    input = ''
-  })
-})
-
-onUnmounted(() => {
-  // console.log('onUnmounted')
-  window.removeEventListener('keydown', onKeyDown)
-  window.removeEventListener('keyup', onKeyUp)
-})
-
-function next() {
-  if (store.current.index === store.current.words.length - 1) {
-    if (store.current.wrongWords.length) {
-      store.setCurrentWord(store.current.wrongWords)
-    } else {
-      if (store.currentDict.chapterIndex !== store.currentDict.chapterWords.length - 1) {
-        console.log('这一章节完了')
-        emitter.emit(EventKey.openStatModal)
-      } else {
-        console.log('这本书完了')
-        emitter.emit(EventKey.openStatModal)
-      }
-    }
-  } else {
-    store.current.index++
-
-    console.log('这个词完了')
-  }
-  if ([DictType.customDict, DictType.innerDict].includes(store.current.dictType) && store.skipWordNames.includes(store.word.name.toLowerCase())) {
-    next()
-  }
-
-  if (store.current.index) {
-    store.current.statistics.wrongWordNumber = store.current.wrongWords.length
-    store.current.statistics.correctRate = Math.trunc(((store.current.index - store.current.wrongWords.length) / (store.current.index)) * 100)
-  } else {
-    store.current.statistics.wrongWordNumber = -1
-    store.current.statistics.correctRate = -1
-  }
-  wrong = input = ''
-}
-
-function onKeyUp(e: KeyboardEvent) {
-  showFullWord = false
-}
-
-async function onKeyDown(e: KeyboardEvent) {
-  //TODO 还有横杠
-  if ((e.keyCode >= 65 && e.keyCode <= 90) || e.code === 'Space') {
-    let letter = e.key
-    if ((input + letter).toLowerCase() === store.word.name.toLowerCase().slice(0, input.length + 1)) {
-      input += letter
-      wrong = ''
-      playKeySound()
-    } else {
-      if (!store.wrongWordDict.originWords.find((v: Word) => v.name.toLowerCase() === store.word.name.toLowerCase())) {
-        store.wrongWordDict.originWords.push(store.word)
-        store.wrongWordDict.words.push(store.word)
-        store.wrongWordDict.chapterWords = [store.wrongWordDict.words]
-      }
-      if (!store.current.wrongWords.find((v: Word) => v.name.toLowerCase() === store.word.name.toLowerCase())) {
-        store.current.wrongWords.push(store.word)
-      }
-      store.current.statistics.correctRate = Math.trunc(((store.current.index + 1 - store.current.wrongWords.length) / (store.current.index + 1)) * 100)
-      wrong = letter
-      playKeySound()
-      playBeep()
-      setTimeout(() => {
-        wrong = ''
-        // wrong = input = ''
-      }, 500)
-    }
-    if (input.toLowerCase() === store.word.name.toLowerCase()) {
-      playCorrect()
-      setTimeout(next, 300)
-    }
-  } else {
-    // console.log('e', e)
-    switch (e.key) {
-      case 'Backspace':
-        if (wrong) {
-          wrong = ''
-        } else {
-          input = input.slice(0, -1)
-        }
-        break
-      case ShortKeyMap.Collect:
-        if (!store.newWordDict.originWords.find((v: Word) => v.name === store.word.name)) {
-          store.newWordDict.originWords.push(store.word)
-          store.newWordDict.words.push(store.word)
-          store.newWordDict.chapterWords = [store.newWordDict.words]
-        }
-        activeIndex = 1
-        break
-      case ShortKeyMap.Remove:
-        if (!store.skipWordNames.includes(store.word.name)) {
-          store.skipWordDict.originWords.push(store.word)
-          store.skipWordDict.words.push(store.word)
-          store.skipWordDict.chapterWords = [store.skipWordDict.words]
-        }
-        activeIndex = 0
-        next()
-        break
-      case ShortKeyMap.Ignore:
-        e.preventDefault()
-        activeIndex = 2
-        next()
-        break
-      case ShortKeyMap.Show:
-        showFullWord = true
-        break
-    }
-    setTimeout(() => {
-      activeIndex = -1
-    }, 200)
-  }
-}
-
-
-const {toggle} = useTheme()
-
-</script>
-
-<template>
-  <div class="type-word">
-    <div class="translate">{{ store.word.trans.join('；') }}</div>
-    <div class="word-wrapper">
-      <div class="word" :class="wrong && 'is-wrong'">
-        <span class="input" v-if="input">{{ input }}</span>
-        <span class="wrong" v-if="wrong">{{ wrong }}</span>
-        <template v-if="store.isDictation">
-          <span class="letter" v-if="!showFullWord"
-                @mouseenter="showFullWord = true">{{ resetWord.split('').map(v => '_').join('') }}</span>
-          <span class="letter" v-else @mouseleave="showFullWord = false">{{ resetWord }}</span>
-        </template>
-        <span class="letter" v-else>{{ resetWord }}</span>
-      </div>
-      <div class="audio" @click="playAudio(store.word.name)">播放</div>
-    </div>
-    <div class="phonetic">{{ store.word.usphone }}</div>
-    <div class="options">
-      <BaseButton keyboard="`" :active="activeIndex === 0">
-        忽略
-      </BaseButton>
-      <BaseButton keyboard="Enter" :active="activeIndex === 1">
-        收藏
-      </BaseButton>
-      <BaseButton keyboard="Tab" :active="activeIndex === 2">
-        下一个
-      </BaseButton>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-@import "@/assets/css/colors.scss";
-
-.type-word {
-  display: flex;
-  //display: none;
-
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  font-size: 14rem;
-  color: gray;
-  gap: 2rem;
-
-  .options {
-    margin-top: 10rem;
-    display: flex;
-    gap: 15rem;
-    font-size: 18rem;
-  }
-
-  .phonetic, .translate {
-    font-size: 20rem;
-    margin-left: -30rem;
-  }
-
-  .word-wrapper {
-    display: flex;
-    align-items: center;
-    gap: 10rem;
-
-    .word {
-      font-size: 48rem;
-      line-height: 1;
-      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-      letter-spacing: 5rem;
-
-      .input {
-        color: rgb(22, 163, 74);
-      }
-
-      .wrong {
-        color: rgba(red, 0.6);
-      }
-
-      &.is-wrong {
-        animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-      }
-    }
-  }
-}
-
-
-</style>
--- a/src/components/Practice/TypeArticle.vue
+++ b/src/components/Practice/TypeArticle.vue
@@ -2,7 +2,7 @@

 import {usePlayWordAudio} from "@/hooks/usePlayWordAudio.ts"
 import {computed, nextTick, onMounted, reactive, watch} from "vue"
-import {cloneDeep} from "lodash"
+import {cloneDeep} from "lodash-es"
 import 快速打字的机械键盘声音Mp3 from '../..//assets/sound/key-sounds/快速打字的机械键盘声音.mp3'
 import 键盘快速打字的声音Mp3 from '../..//assets/sound/key-sounds/键盘快速打字的声音.mp3'
 import 电话打字的声音Mp3 from '../..//assets/sound/key-sounds/电话打字的声音.mp3'
@@ -500,6 +500,7 @@ function otherWord(word: ArticleWord, i: number, i2: number, i3: number) {
  }

  .article-wrapper {
+    opacity: 0;

    header {
      .title {
@@ -508,6 +509,7 @@ function otherWord(word: ArticleWord, i: number, i2: number, i3: number) {
        font-size: 36rem;
        font-weight: 500;
        word-spacing: 3rem;
+        opacity: 0;
      }

      .options {
@@ -528,6 +530,7 @@ function otherWord(word: ArticleWord, i: number, i2: number, i3: number) {

    .article-content {
      position: relative;
+      opacity: 0;
    }

    article {
--- a/src/components/Practice/TypeWord.vue
+++ b/src/components/Practice/TypeWord.vue
@@ -18,12 +18,8 @@ import {usePlayWordAudio} from "@/hooks/usePlayWordAudio.ts"
 import useTheme from "@/hooks/useTheme.ts";
 import Tooltip from "@/components/Tooltip.vue";
 import BaseButton from "@/components/BaseButton.vue";
-import {
-  Down,
-  Delete,
-} from "@icon-park/vue-next"
 import {emitter, EventKey} from "@/utils/eventBus.ts"
-import {cloneDeep} from "lodash"
+import {cloneDeep} from "lodash-es"
 import {usePracticeStore} from "@/components/Practice/usePracticeStore.ts"
 import {useEventListener} from "@/hooks/useEvent.ts";

@@ -66,7 +62,7 @@ watchEffect(() => {
  practiceStore.inputNumber = 0
  practiceStore.wrongNumber = 0
  practiceStore.repeatNumber = 0
-  practiceStore.total =  props.words.length
+  practiceStore.total = props.words.length
  practiceStore.wrongWords = []
  practiceStore.startDate = Date.now()
 })
--- a/src/components/Toolbar/DictModal.vue
+++ b/src/components/Toolbar/DictModal.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import {childrenEnglish} from '@/assets/dictionary.ts'
-import {ArrowLeft, ArrowRight, Close} from '@icon-park/vue-next'
 import {useBaseStore} from "@/stores/base.ts"
 import {watch} from "vue"
 import {Dict, DictType, Sort, Word} from "@/types.ts"
-import {chunk} from "lodash";
+import {chunk} from "lodash-es";
 import {$computed, $ref} from "vue/macros";
 import WordList from "@/components/WordList.vue";
 import ChapterList from "@/components/ChapterList.vue"
 import Modal from "@/components/Modal/Modal.vue";
 import BaseButton from "@/components/BaseButton.vue";
+import {Icon} from '@iconify/vue';

 const store = useBaseStore()

@@ -29,7 +29,7 @@ let currentSelectDict: Dict = $ref(store.currentDict)
 let step = $ref(0)

 const currentSelectChapter: Word[] = $computed(() => {
-  return currentSelectDict.chapterList?.[currentSelectDict.chapterIndex] ?? []
+  return currentSelectDict.chapterWords?.[currentSelectDict.chapterIndex] ?? []
 })

 watch(() => props.modelValue, (n: boolean) => {
@@ -39,19 +39,21 @@ watch(() => props.modelValue, (n: boolean) => {
 async function selectDict(item: Dict) {
  currentSelectDict = {
    ...item,
-    type: DictType.innerDict,
    sort: Sort.normal,
-    wordList: [],
-    chapterList: [],
-    chapterIndex: 0,
+    type: DictType.innerDict,
+    originWords: [],
+    words: [],
    chapterWordNumber: 15,
-    wordIndex: 0,
-    dictStatistics: []
+    chapterWords: [],
+    chapterIndex: 0,
+    chapterWordIndex: 0,
+    statistics: []
  }
  let r = await fetch(`/public/${item.url}`)
  r.json().then(v => {
-    currentSelectDict.wordList = v
-    currentSelectDict.chapterList = chunk(v, currentSelectDict.chapterWordNumber)
+    currentSelectDict.originWords = v
+    currentSelectDict.words = v
+    currentSelectDict.chapterWords = chunk(v, currentSelectDict.chapterWordNumber)
  })
 }

@@ -66,16 +68,17 @@ function close() {
 }

 function resetChapterList() {
-  currentSelectDict.chapterList = chunk(currentSelectDict.wordList, currentSelectDict.chapterWordNumber)
+  currentSelectDict.chapterWords = chunk(currentSelectDict.words, currentSelectDict.chapterWordNumber)
 }
 </script>

 <template>
  <Modal :modelValue="props.modelValue"
+         :show-close="false"
         @close="close">
    <div class="slide">
-      <div  class="slide-list" :class="`step${step}`">
-        <div  class="dict-page">
+      <div class="slide-list" :class="`step${step}`">
+        <div class="dict-page">
          <header>
            <div class="tabs">
              <div class="tab">
@@ -88,7 +91,10 @@ function resetChapterList() {
                <span>德语</span>
              </div>
            </div>
-            <Close @click="close" theme="outline" size="20" fill="#929596" :strokeWidth="2"/>
+            <Icon @click="close"
+                  class="hvr-grow pointer"
+                  width="20" color="#929596"
+                  icon="ion:close-outline"/>
          </header>
          <div class="page-content">
            <div class="dict-list-wrapper">
@@ -104,11 +110,9 @@ function resetChapterList() {
                  <div class="desc">{{ i.description }}</div>
                  <div class="num">{{ i.length }}词</div>

-                  <arrow-right v-if="currentSelectDict.name === i.name"
-                               @click.stop="step = 1"
-                               class="go"
-                               theme="outline" size="20" fill="#ffffff"
-                               :strokeWidth="2"/>
+                  <Icon icon="octicon:arrow-right-24"  v-if="currentSelectDict.name === i.name"
+                        @click.stop="step = 1"
+                        class="go" width="20" color="#929596"/>
                </div>
              </div>
            </div>
@@ -125,7 +129,7 @@ function resetChapterList() {
              </div>
              <ChapterList
                  class="chapter-list"
-                  :list="currentSelectDict.chapterList"
+                  :list="currentSelectDict.chapterWords"
                  v-model:active-index="currentSelectDict.chapterIndex"
              />
              <div class="footer">
@@ -134,19 +138,20 @@ function resetChapterList() {
            </div>
          </div>
        </div>
-        <div  class="dict-detail-page">
+        <div class="dict-detail-page">
          <header>
            <div class="left">
-              <arrow-left
-                  @click="step = 0"
-                  class="go" theme="outline" size="20" fill="#ffffff"
-                  :strokeWidth="2"/>
+              <Icon icon="octicon:arrow-left-24"
+                    @click.stop="step = 0"
+                    class="go" width="20" color="#ffffff"/>
              <div class="title">
                词典详情
              </div>
            </div>
-            <Close @click="close" theme="outline" size="20" fill="#929596"
-                   :strokeWidth="2"/>
+            <Icon @click="close"
+                  class="hvr-grow pointer"
+                  width="20" color="#929596"
+                  icon="ion:close-outline"/>
          </header>
          <div class="page-content">
            <div class="dict-info">
@@ -157,7 +162,7 @@ function resetChapterList() {
              </div>
            </div>
            <div class="chapter-wrapper">
-              <ChapterList :list="currentSelectDict.chapterList"
+              <ChapterList :list="currentSelectDict.chapterWords"
                           v-model:active-index="currentSelectDict.chapterIndex"
              />
            </div>
--- a/src/components/Toolbar/FeedbackModal.vue
+++ b/src/components/Toolbar/FeedbackModal.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import Modal from "@/components/Modal/Modal.vue"
-import {HeadphoneSound, SettingConfig} from "@icon-park/vue-next"
 import {useBaseStore} from "@/stores/base.ts"
 import BaseButton from "@/components/BaseButton.vue";
 import {GITHUB} from "@/config/ENV.ts";
--- a/src/components/Toolbar/SettingModal.vue
+++ b/src/components/Toolbar/SettingModal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import Modal from "@/components/Modal/Modal.vue"
-import {HeadphoneSound, SettingConfig} from "@icon-park/vue-next"
 import {useBaseStore} from "@/stores/base.ts"
+import {Icon} from '@iconify/vue';

 const tabIndex = $ref(0)
 const store = useBaseStore()
@@ -27,11 +27,11 @@ const emit = defineEmits([
    <div class="setting-modal">
      <div class="tabs">
        <div class="tab" :class="tabIndex === 0 && 'active'" @click="tabIndex = 0">
-          <headphone-sound theme="filled" size="20" fill="#0C8CE9" :strokeWidth="2"/>
+          <Icon icon="bx:headphone" width="20" color="#0C8CE9"/>
          <span>音效设置</span>
        </div>
        <div class="tab" :class="tabIndex === 1 && 'active'" @click="tabIndex = 1">
-          <setting-config theme="filled" size="20" fill="#0C8CE9" :strokeWidth="2"/>
+          <Icon icon="icon-park-outline:setting-config" width="20" color="#0C8CE9"/>
          <span>其他设置</span>
        </div>
      </div>
@@ -239,6 +239,9 @@ const emit = defineEmits([
      cursor: pointer;
      padding: 10rem 15rem;
      border-radius: 8rem;
+      display: flex;
+      align-items: center;
+      gap: 10rem;

      &.active {
        background: whitesmoke;
--- a/src/components/Toolbar/Toolbar.vue
+++ b/src/components/Toolbar/Toolbar.vue
@@ -1,36 +1,14 @@
 <script setup lang="ts">
 import Tooltip from "@/components/Tooltip.vue"
-import {
-  DatabaseFail,
-  Down,
-  MenuFold,
-  Moon,
-  PreviewCloseOne,
-  PreviewOpen,
-  SettingTwo,
-  SunOne,
-  VolumeNotice,
-  Bug,
-  UploadOne
-} from "@icon-park/vue-next"
 import useTheme from "@/hooks/useTheme.ts"
 import {useBaseStore} from "@/stores/base.ts"
 import SettingModal from "@/components/Toolbar/SettingModal.vue"
 import FeedbackModal from "@/components/Toolbar/FeedbackModal.vue"
 import DictModal from "@/components/Toolbar/DictModal.vue"

+import {Icon} from '@iconify/vue';
+
 import IconWrapper from "@/components/IconWrapper.vue";
-import IconCog6Tooth from '~icons/heroicons/cog-6-tooth-solid'
-
-import IconLanguage from '~icons/tabler/language'
-import IconLanguageOff from '~icons/tabler/language-off'
-
-import IconEye from '~icons/heroicons/eye-solid'
-import IconCheck from '~icons/tabler/check'
-import IconEyeSlash from '~icons/heroicons/eye-slash-solid'
-
-import IconRepeat from '~icons/tabler/repeat'
-import IconRepeatOff from '~icons/tabler/repeat-off'
 import {emitter, EventKey} from "@/utils/eventBus.ts"
 import {watch} from "vue"

@@ -56,69 +34,69 @@ watch(() => store.setting.showToolbar, n => {
 <template>
  <header ref="headerRef">
    <div class="info" @click="showDictModal = true">
-      {{ store.dictTitle }}
+            {{ store.dictTitle }}
    </div>
    <div class="options">
      <Tooltip title="切换主题">
        <IconWrapper>
-          <moon v-if="store.theme === 'dark'"
+          <Icon icon="ep:moon" v-if="store.theme === 'dark'"
                @click="toggle"/>
-          <sun-one v-else @click="toggle"/>
+          <Icon icon="tabler:sun" v-else @click="toggle"/>
        </IconWrapper>
      </Tooltip>

      <Tooltip title="音效设置">
        <IconWrapper>
-          <volume-notice/>
+          <Icon icon="icon-park-outline:volume-notice"/>
        </IconWrapper>
      </Tooltip>
+
      <Tooltip title="设置单词循环">
        <IconWrapper>
-          <IconRepeat></IconRepeat>
+          <Icon icon="tabler:repeat"/>
        </IconWrapper>
      </Tooltip>
      <Tooltip title="开关默写模式">
        <IconWrapper>
-          <IconEyeSlash v-if="store.isDictation" @click="store.isDictation = false"></IconEyeSlash>
-          <IconEye v-else @click="store.isDictation = true"></IconEye>
+          <Icon icon="majesticons:eye-off-line" v-if="store.isDictation" @click="store.isDictation = false"/>
+          <Icon icon="mdi:eye-outline" v-else @click="store.isDictation = true"/>
        </IconWrapper>
      </Tooltip>
      <Tooltip title="开关释义显示">
        <IconWrapper>
-          <IconLanguage></IconLanguage>
-          <!--          <IconLanguageOff></IconLanguageOff>-->
+          <Icon icon="heroicons-outline:translate"/>
        </IconWrapper>
      </Tooltip>

      <Tooltip title="反馈">
        <IconWrapper>
-          <upload-one/>
+          <Icon icon="ic:outline-cloud-upload"/>
        </IconWrapper>
      </Tooltip>
      <Tooltip title="反馈">
        <IconWrapper>
-          <bug @click="showFeedbackModal = true"/>
+          <Icon icon="octicon:bug-24" @click="showFeedbackModal = true"/>
        </IconWrapper>
      </Tooltip>
      <Tooltip title="设置">
        <IconWrapper>
-          <IconCog6Tooth @click="showSettingModal = true"></IconCog6Tooth>
+          <Icon icon="uil:setting" @click="showSettingModal = true"/>
        </IconWrapper>
      </Tooltip>
      <div class="my-button" @click="emitter.emit(EventKey.openStatModal)">ok</div>

      <Tooltip title="单词本">
        <IconWrapper>
-          <menu-fold class="menu" @click="emitter.emit(EventKey.openSide)"/>
+          <Icon icon="tdesign:menu-unfold" class="menu" @click="emitter.emit(EventKey.openSide)"/>
        </IconWrapper>
      </Tooltip>
    </div>
    <Tooltip :title="store.setting.showToolbar?'收起':'展开'">
-      <down
-          @click="store.setting.showToolbar = !store.setting.showToolbar"
-          class="arrow"
-          :class="!store.setting.showToolbar && 'down'"
-          theme="outline" size="24" fill="#999"/>
+      <Icon icon="icon-park-outline:down"
+            @click="store.setting.showToolbar = !store.setting.showToolbar"
+            class="arrow"
+            :class="!store.setting.showToolbar && 'down'"
+            width="24" color="#999"/>
    </Tooltip>
  </header>
  <DictModal v-model="showDictModal"/>
--- a/src/components/WordList.vue
+++ b/src/components/WordList.vue
@@ -3,7 +3,7 @@ import {Word} from "../types";
 import {usePlayWordAudio} from "../hooks/usePlayWordAudio";
 import {watch} from "vue"
 import {useBaseStore} from "@/stores/base.ts"
-import {Delete} from "@icon-park/vue-next"
+import {Icon} from '@iconify/vue';

 const store = useBaseStore()
 const emit = defineEmits(['change'])
@@ -53,7 +53,7 @@ watch(() => props.list, () => {
          </div>
          <div class="right">
            <div class="audio" @click="playAudio(item.name)">播放</div>
-            <delete theme="outline" size="20" fill="#929596" :strokeWidth="2"/>
+            <Icon icon="fluent:delete-28-regular" width="20" color="#929596"/>
          </div>
        </div>
      </template>
--- a/src/hooks/useSplitArticle.ts
+++ b/src/hooks/useSplitArticle.ts
@@ -1,5 +1,5 @@
 import {DefaultArticleWord, Sentence, Word} from "@/types.ts";
-import {cloneDeep} from "lodash";
+import {cloneDeep} from "lodash-es";

 interface KeyboardMap {
  Period: string,
--- a/src/main.ts
+++ b/src/main.ts
@@ -3,12 +3,12 @@ import './assets/css/style.scss'
 import App from './App.vue'
 // import Mobile from './Mobile.vue'
 import {createPinia} from "pinia"
-import ElementPlus from 'element-plus'
+// import ElementPlus from 'element-plus'

 const pinia = createPinia()
 // const app = createApp(Mobile)
 const app = createApp(App)

-app.use(ElementPlus)
+// app.use(ElementPlus)
 app.use(pinia)
 app.mount('#app')
--- a/src/stores/base.ts
+++ b/src/stores/base.ts
@@ -1,6 +1,6 @@
 import {defineStore} from 'pinia'
 import {Dict, DictType, Sort, State, Word} from "../types.ts"
-import {chunk, cloneDeep} from "lodash";
+import {chunk, cloneDeep} from "lodash-es";
 import {emitter, EventKey} from "@/utils/eventBus.ts"

 export const useBaseStore = defineStore('base', {
--- a/src/translate/baidu/index.ts
+++ b/src/translate/baidu/index.ts
@@ -1,146 +0,0 @@
-import {
-  Language,
-  Translator,
-  TranslateError,
-  TranslateQueryResult
-} from "@opentranslate/translator";
-import md5 from "md5";
-import qs from "qs";
-
-const langMap: [Language, string][] = [
-  ["auto", "auto"],
-  ["zh-CN", "zh"],
-  ["en", "en"],
-  ["yue", "yue"],
-  ["wyw", "wyw"],
-  ["ja", "jp"],
-  ["ko", "kor"],
-  ["fr", "fra"],
-  ["es", "spa"],
-  ["th", "th"],
-  ["ar", "ara"],
-  ["ru", "ru"],
-  ["pt", "pt"],
-  ["de", "de"],
-  ["it", "it"],
-  ["el", "el"],
-  ["nl", "nl"],
-  ["pl", "pl"],
-  ["bg", "bul"],
-  ["et", "est"],
-  ["da", "dan"],
-  ["fi", "fin"],
-  ["cs", "cs"],
-  ["ro", "rom"],
-  ["sl", "slo"],
-  ["sv", "swe"],
-  ["hu", "hu"],
-  ["zh-TW", "cht"],
-  ["vi", "vie"]
-];
-
-export interface BaiduConfig {
-  placeholder?: string;
-  appid: string;
-  key: string;
-}
-
-export class BaiduTranslate {
-  readonly name = "baidu";
-  apiUrl = "https://api.fanyi.baidu.com/api/trans/vip/translate";
-
-  readonly endpoint = "https://api.fanyi.baidu.com/api/trans/vip/translate";
-
-  protected async query(
-    text: string,
-    from: Language,
-    to: Language,
-    config: BaiduConfig
-  ): Promise<TranslateQueryResult> {
-    type BaiduTranslateError = {
-      error_code: "54001" | string;
-      error_msg: "Invalid Sign" | string;
-    };
-
-    type BaiduTranslateResult = {
-      from: string;
-      to: string;
-      trans_result: Array<{
-        dst: string;
-        src: string;
-      }>;
-    };
-
-    const salt = Date.now();
-    const {endpoint} = this;
-    const {appid, key} = config;
-
-    const res = await this.request<BaiduTranslateResult | BaiduTranslateError>(
-      endpoint,
-      {
-        params: {
-          from: Baidu.langMap.get(from),
-          to: Baidu.langMap.get(to),
-          q: text,
-          salt,
-          appid,
-          sign: md5(appid + text + salt + key)
-        }
-      }
-    ).catch(() => {
-      throw new TranslateError("NETWORK_ERROR");
-    });
-
-    const {data} = res;
-
-    if ((data as BaiduTranslateError).error_code) {
-      console.error(
-        new Error("[Baidu service]" + (data as BaiduTranslateError).error_msg)
-      );
-      throw new TranslateError("API_SERVER_ERROR");
-    }
-
-    const {
-      trans_result: transResult,
-      from: langDetected
-    } = data as BaiduTranslateResult;
-    const transParagraphs = transResult.map(({dst}) => dst);
-    const detectedFrom = Baidu.langMapReverse.get(langDetected) as Language;
-
-    return {
-      text,
-      from: detectedFrom,
-      to,
-      origin: {
-        paragraphs: transResult.map(({src}) => src),
-        tts: await this.textToSpeech(text, detectedFrom)
-      },
-      trans: {
-        paragraphs: transParagraphs,
-        tts: await this.textToSpeech(transParagraphs.join(" "), to)
-      }
-    };
-  }
-
-  /** Translator lang to custom lang */
-  private static readonly langMap = new Map(langMap);
-
-  /** Custom lang to translator lang */
-  private static readonly langMapReverse = new Map(
-    langMap.map(([translatorLang, lang]) => [lang, translatorLang])
-  );
-
-  getSupportLanguages(): Language[] {
-    return [...Baidu.langMap.keys()];
-  }
-
-  async textToSpeech(text: string, lang: Language): Promise<string> {
-    return `https://fanyi.baidu.com/gettts?${qs.stringify({
-      lan: Baidu.langMap.get(lang !== "auto" ? lang : "zh-CN") || "zh",
-      text,
-      spd: 5,
-    })}`;
-  }
-}
-
-export default Baidu;
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -22,9 +22,12 @@
    "noUnusedLocals": false,
    "noUnusedParameters": false,
    "noFallthroughCasesInSwitch": false,
+    "typeRoots": [
+      "./node_modules/@types",
+      "./node_modules"
+    ],
    "types": [
      "vue/ref-macros",
-      "unplugin-icons/types/vue",
      "element-plus/global"
    ],
    "baseUrl": "src",
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,20 +2,39 @@ import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from "@vitejs/plugin-vue-jsx";
 import {resolve} from 'path'
-import Icons from 'unplugin-icons/vite'
+import {visualizer} from "rollup-plugin-visualizer";
+import {ElementPlusResolver} from "unplugin-vue-components/resolvers";
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'

 function pathResolve(dir) {
  return resolve(__dirname, ".", dir)
 }

+const lifecycle = process.env.npm_lifecycle_event;
+
+
 // https://vitejs.dev/config/
 export default defineConfig({
  plugins: [
    vue({
      reactivityTransform: true
    }),
-    Icons(),
+    AutoImport({
+      resolvers: [ElementPlusResolver()],
+    }),
+    Components({
+      resolvers: [ElementPlusResolver()],
+    }),
    vueJsx(),
+    lifecycle === 'report' ?
+      visualizer({
+        gzipSize: true,
+        brotliSize: true,
+        emitFile: false,
+        filename: "report.html", //分析图生成的文件名
+        open: true //如果存在本地服务端口，将在打包后自动展示
+      }) : null,
  ],
  resolve: {
    alias: {