feat: enable composable auto import

.npmrc

@@ -1 +1,2 @@
 shamefully-hoist=true
+strict-peer-dependencies=false

package.json

@@ -42,7 +42,7 @@
     "pnpm": "^7.1.5",
     "typescript": "^4.6.4",
     "unocss": "^0.34.1",
-    "unplugin-auto-import": "^0.8.0",
+    "unplugin-auto-import": "^0.8.1",
     "unplugin-vue-components": "^0.19.5",
     "vite": "^2.9.9",
     "vite-plugin-inspect": "^0.5.0",

pnpm-lock.yaml

@@ -24,7 +24,7 @@ specifiers:
   prism-theme-vars: ^0.2.3
   typescript: ^4.6.4
   unocss: ^0.34.1
-  unplugin-auto-import: ^0.8.0
+  unplugin-auto-import: ^0.8.1
   unplugin-vue-components: ^0.19.5
   vite: ^2.9.9
   vite-plugin-inspect: ^0.5.0
@@ -71,7 +71,7 @@ devDependencies:
   pnpm: 7.1.5
   typescript: 4.6.4
   unocss: 0.34.1_vite@2.9.9
-  unplugin-auto-import: 0.8.0_4xyn6ao5ngwbgzbefoyccvabvi
+  unplugin-auto-import: 0.8.1_4xyn6ao5ngwbgzbefoyccvabvi
   unplugin-vue-components: 0.19.5_vite@2.9.9+vue@3.2.36
   vite: 2.9.9
   vite-plugin-inspect: 0.5.0_vite@2.9.9
@@ -93,7 +93,7 @@ packages:
       '@jridgewell/trace-mapping': 0.3.4
     dev: true
 
-  /@antfu/eslint-config-basic/0.23.1_utdtartgf6fqqgkivzeynh76la:
+  /@antfu/eslint-config-basic/0.23.1_j7orndnafl2xs35uh7qlclk7mi:
     resolution: {integrity: sha512-9h0hqK+E/upIrSVTo2Nt2SQoKRqouDhiJcrdkOx3RgvQkcZItuZnpWI2WGDMWQ3WTjE4fYyd+F4p7Mx/QHvX8w==}
     peerDependencies:
       eslint: '>=7.4.0'
@@ -102,7 +102,7 @@ packages:
       eslint-plugin-antfu: 0.23.1_utdtartgf6fqqgkivzeynh76la
       eslint-plugin-eslint-comments: 3.2.0_eslint@8.16.0
       eslint-plugin-html: 6.2.0
-      eslint-plugin-import: 2.26.0_eslint@8.16.0
+      eslint-plugin-import: 2.26.0_psywa56m36ohucgz4m2difbcmi
       eslint-plugin-jsonc: 2.2.1_eslint@8.16.0
       eslint-plugin-markdown: 2.2.1_eslint@8.16.0
       eslint-plugin-n: 15.2.0_eslint@8.16.0
@@ -112,6 +112,9 @@ packages:
       jsonc-eslint-parser: 2.1.0
       yaml-eslint-parser: 0.5.0
     transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
       - supports-color
       - typescript
     dev: true
@@ -125,6 +128,8 @@ packages:
       eslint: 8.16.0
       eslint-plugin-react: 7.29.4_eslint@8.16.0
     transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
       - supports-color
       - typescript
     dev: true
@@ -135,12 +140,14 @@ packages:
       eslint: '>=7.4.0'
       typescript: '>=3.9'
     dependencies:
-      '@antfu/eslint-config-basic': 0.23.1_utdtartgf6fqqgkivzeynh76la
+      '@antfu/eslint-config-basic': 0.23.1_j7orndnafl2xs35uh7qlclk7mi
       '@typescript-eslint/eslint-plugin': 5.23.0_j7orndnafl2xs35uh7qlclk7mi
       '@typescript-eslint/parser': 5.23.0_utdtartgf6fqqgkivzeynh76la
       eslint: 8.16.0
       typescript: 4.6.4
     transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
       - supports-color
     dev: true
 
@@ -153,6 +160,8 @@ packages:
       eslint: 8.16.0
       eslint-plugin-vue: 8.7.1_eslint@8.16.0
     transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
       - supports-color
       - typescript
     dev: true
@@ -169,7 +178,7 @@ packages:
       eslint: 8.16.0
       eslint-plugin-eslint-comments: 3.2.0_eslint@8.16.0
       eslint-plugin-html: 6.2.0
-      eslint-plugin-import: 2.26.0_eslint@8.16.0
+      eslint-plugin-import: 2.26.0_psywa56m36ohucgz4m2difbcmi
       eslint-plugin-jsonc: 2.2.1_eslint@8.16.0
       eslint-plugin-n: 15.2.0_eslint@8.16.0
       eslint-plugin-promise: 6.0.0_eslint@8.16.0
@@ -179,6 +188,8 @@ packages:
       jsonc-eslint-parser: 2.1.0
       yaml-eslint-parser: 0.5.0
     transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
       - supports-color
       - typescript
     dev: true
@@ -194,6 +205,10 @@ packages:
     resolution: {integrity: sha512-8Afo0+xvYe1K8Wm4xHTymfTkpzy36aaqDvhXIayUwl+mecMG9Xzl3XjXa6swG6Bk8FBeQ646RyvmsYt6+2Be9g==}
     dev: true
 
+  /@antfu/utils/0.5.2:
+    resolution: {integrity: sha512-CQkeV+oJxUazwjlHD0/3ZD08QWKuGQkhnrKo3e6ly5pd48VUpXbb77q0xMU4+vc2CkJnDS02Eq/M9ugyX20XZA==}
+    dev: true
+
   /@apideck/better-ajv-errors/0.3.3_ajv@8.11.0:
     resolution: {integrity: sha512-9o+HO2MbJhJHjDYZaDxJmSDckvDpiuItEsrIShV0DXeCshXWRHhqYyU/PKHMkuClOmFnZhRd6wzv4vpDu/dRKg==}
     engines: {node: '>=10'}
@@ -444,7 +459,6 @@ packages:
   /@babel/helper-validator-identifier/7.16.7:
     resolution: {integrity: sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
   /@babel/helper-validator-option/7.16.7:
     resolution: {integrity: sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ==}
@@ -487,6 +501,8 @@ packages:
     resolution: {integrity: sha512-vqUSBLP8dQHFPdPi9bc5GK9vRkYHJ49fsZdtoJ8EQ8ibpwk5rPKfvNIwChB0KVXcIjcepEBBd2VHC5r9Gy8ueg==}
     engines: {node: '>=6.0.0'}
     hasBin: true
+    dependencies:
+      '@babel/types': 7.17.0
 
   /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/7.16.7_@babel+core@7.17.9:
     resolution: {integrity: sha512-anv/DObl7waiGEnC24O9zqL0pSuI9hljihqiDuFHC8d7/bjr/4RLGPWuc8rYOff/QPzbEPSkzG8wGG9aDuhHRg==}
@@ -1320,7 +1336,6 @@ packages:
     dependencies:
       '@babel/helper-validator-identifier': 7.16.7
       to-fast-properties: 2.0.0
-    dev: true
 
   /@colors/colors/1.5.0:
     resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
@@ -1353,11 +1368,13 @@ packages:
       uuid: 8.3.2
     dev: true
 
-  /@cypress/xvfb/1.2.4:
+  /@cypress/xvfb/1.2.4_supports-color@8.1.1:
     resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==}
     dependencies:
-      debug: 3.2.7
+      debug: 3.2.7_supports-color@8.1.1
       lodash.once: 4.1.1
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /@eslint/eslintrc/1.3.0:
@@ -1445,14 +1462,12 @@ packages:
       '@intlify/runtime': 9.1.10
       '@intlify/shared': 9.1.10
       '@intlify/vue-devtools': 9.1.10
-    dev: false
 
   /@intlify/devtools-if/9.1.10:
     resolution: {integrity: sha512-SHaKoYu6sog3+Q8js1y3oXLywuogbH1sKuc7NSYkN3GElvXSBaMoCzW+we0ZSFqj/6c7vTNLg9nQ6rxhKqYwnQ==}
     engines: {node: '>= 10'}
     dependencies:
       '@intlify/shared': 9.1.10
-    dev: false
 
   /@intlify/message-compiler/9.1.10:
     resolution: {integrity: sha512-+JiJpXff/XTb0EadYwdxOyRTB0hXNd4n1HaJ/a4yuV960uRmPXaklJsedW0LNdcptd/hYUZtCkI7Lc9J5C1gxg==}
@@ -1461,7 +1476,6 @@ packages:
       '@intlify/message-resolver': 9.1.10
       '@intlify/shared': 9.1.10
       source-map: 0.6.1
-    dev: false
 
   /@intlify/message-compiler/9.2.0-beta.35:
     resolution: {integrity: sha512-wYQCgnRtyJ40HK3bJTrszHDaxqDXZH+9Ps7RsXNuNwZ9hIb1cVkLiUNIbuJS/XSJ1kATJXA6K+4if6ZLb0Ozxw==}
@@ -1474,7 +1488,6 @@ packages:
   /@intlify/message-resolver/9.1.10:
     resolution: {integrity: sha512-5YixMG/M05m0cn9+gOzd4EZQTFRUu8RGhzxJbR1DWN21x/Z3bJ8QpDYj6hC4FwBj5uKsRfKpJQ3Xqg98KWoA+w==}
     engines: {node: '>= 10'}
-    dev: false
 
   /@intlify/runtime/9.1.10:
     resolution: {integrity: sha512-7QsuByNzpe3Gfmhwq6hzgXcMPpxz8Zxb/XFI6s9lQdPLPe5Lgw4U1ovRPZTOs6Y2hwitR3j/HD8BJNGWpJnOFA==}
@@ -1483,12 +1496,10 @@ packages:
       '@intlify/message-compiler': 9.1.10
       '@intlify/message-resolver': 9.1.10
       '@intlify/shared': 9.1.10
-    dev: false
 
   /@intlify/shared/9.1.10:
     resolution: {integrity: sha512-Om54xJeo1Vw+K1+wHYyXngE8cAbrxZHpWjYzMR9wCkqbhGtRV5VLhVc214Ze2YatPrWlS2WSMOWXR8JktX/IgA==}
     engines: {node: '>= 10'}
-    dev: false
 
   /@intlify/shared/9.2.0-beta.35:
     resolution: {integrity: sha512-DXf7xrwf08GKhr93XPQ8EgaEN0CIELl+mAS6SlRhi/aLtZv5HSGSMkz4M/ICwoWzFLSgOx/ZdBSasex19MMogg==}
@@ -1527,7 +1538,6 @@ packages:
       '@intlify/message-resolver': 9.1.10
       '@intlify/runtime': 9.1.10
       '@intlify/shared': 9.1.10
-    dev: false
 
   /@jridgewell/resolve-uri/3.0.5:
     resolution: {integrity: sha512-VPeQ7+wH0itvQxnG+lIzWgkysKIr3L9sslimFW55rHMdGu/qCQ5z5h9zq4gI8uBtqkpHhsF4Z/OwExufUCThew==}
@@ -2120,7 +2130,6 @@ packages:
 
   /@vue/devtools-api/6.1.4:
     resolution: {integrity: sha512-IiA0SvDrJEgXvVxjNkHPFfDx6SXw0b/TUkqMcDZWNg9fnCAHbTpoo59YfJ9QLFkwa3raau5vSlRVzMSLDnfdtQ==}
-    dev: false
 
   /@vue/reactivity-transform/3.2.33:
     resolution: {integrity: sha512-4UL5KOIvSQb254aqenW4q34qMXbfZcmEsV/yVidLUgvwYQQ/D21bGX3DlgPUGI3c4C+iOnNmDCkIxkILoX/Pyw==}
@@ -2151,7 +2160,6 @@ packages:
     resolution: {integrity: sha512-c2qvopo0crh9A4GXi2/2kfGYMxsJW4tVILrqRPydVGZHhq0fnzy6qmclWOhBFckEhmyxmpHpdJtIRYGeKcuhnA==}
     dependencies:
       '@vue/shared': 3.2.36
-    dev: false
 
   /@vue/runtime-core/3.2.33:
     resolution: {integrity: sha512-N2D2vfaXsBPhzCV3JsXQa2NECjxP3eXgZlFqKh4tgakp3iX6LCGv76DLlc+IfFZq+TW10Y8QUfeihXOupJ1dGw==}
@@ -2165,7 +2173,6 @@ packages:
     dependencies:
       '@vue/reactivity': 3.2.36
       '@vue/shared': 3.2.36
-    dev: false
 
   /@vue/runtime-dom/3.2.36:
     resolution: {integrity: sha512-gYPYblm7QXHVuBohqNRRT7Wez0f2Mx2D40rb4fleehrJU9CnkjG0phhcGEZFfGwCmHZRqBCRgbFWE98bPULqkg==}
@@ -2173,7 +2180,6 @@ packages:
       '@vue/runtime-core': 3.2.36
       '@vue/shared': 3.2.36
       csstype: 2.6.20
-    dev: false
 
   /@vue/server-renderer/3.2.36_vue@3.2.36:
     resolution: {integrity: sha512-uZE0+jfye6yYXWvAQYeHZv+f50sRryvy16uiqzk3jn8hEY8zTjI+rzlmZSGoE915k+W/Ol9XSw6vxOUD8dGkUg==}
@@ -2183,7 +2189,6 @@ packages:
       '@vue/compiler-ssr': 3.2.36
       '@vue/shared': 3.2.36
       vue: 3.2.36
-    dev: false
 
   /@vue/shared/3.2.33:
     resolution: {integrity: sha512-UBc1Pg1T3yZ97vsA2ueER0F6GbJebLHYlEi4ou1H5YL4KWvMOOWwpYo9/QpWq93wxKG6Wo13IY74Hcn/f7c7Bg==}
@@ -2215,7 +2220,6 @@ packages:
       '@vueuse/shared': 8.5.0_vue@3.2.36
       vue: 3.2.36
       vue-demi: 0.12.5_vue@3.2.36
-    dev: false
 
   /@vueuse/head/0.7.6_vue@3.2.36:
     resolution: {integrity: sha512-cOWqCkT3WiF5oEpw+VVEWUJd9RLD5rc7DmnFp3cePsejp+t7686uKD9Z9ZU7Twb7R/BI8iexKTmXo9D/F3v6UA==}
@@ -2223,11 +2227,9 @@ packages:
       vue: '>=3'
     dependencies:
       vue: 3.2.36
-    dev: false
 
   /@vueuse/metadata/8.5.0:
     resolution: {integrity: sha512-WxsD+Cd+bn+HcjpY6Dl9FJ8ywTRTT9pTwk3bCQpzEhXVYAyNczKDSahk50fCfIJKeWHhyI4B2+/ZEOxQAkUr0g==}
-    dev: false
 
   /@vueuse/shared/8.5.0_vue@3.2.36:
     resolution: {integrity: sha512-qKG+SZb44VvGD4dU5cQ63z4JE2Yk39hQUecR0a9sEdJA01cx+XrxAvFKJfPooxwoiqalAVw/ktWK6xbyc/jS3g==}
@@ -2242,7 +2244,6 @@ packages:
     dependencies:
       vue: 3.2.36
       vue-demi: 0.12.5_vue@3.2.36
-    dev: false
 
   /abab/2.0.6:
     resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
@@ -2561,6 +2562,8 @@ packages:
       qs: 6.9.7
       raw-body: 2.4.3
       type-is: 1.6.18
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /boolbase/1.0.0:
@@ -2861,6 +2864,8 @@ packages:
       on-headers: 1.0.2
       safe-buffer: 5.1.2
       vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /concat-map/0.0.1:
@@ -3000,7 +3005,6 @@ packages:
 
   /csstype/2.6.20:
     resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
-    dev: false
 
   /cypress/9.7.0:
     resolution: {integrity: sha512-+1EE1nuuuwIt/N1KXRR2iWHU+OiIt7H28jJDyyI4tiUftId/DrXYEwoDa5+kH2pki1zxnA0r6HrUGHV5eLbF5Q==}
@@ -3009,7 +3013,7 @@ packages:
     requiresBuild: true
     dependencies:
       '@cypress/request': 2.88.10
-      '@cypress/xvfb': 1.2.4
+      '@cypress/xvfb': 1.2.4_supports-color@8.1.1
       '@types/node': 14.18.13
       '@types/sinonjs__fake-timers': 8.1.1
       '@types/sizzle': 2.3.3
@@ -3074,16 +3078,38 @@ packages:
 
   /debug/2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
     dependencies:
       ms: 2.0.0
     dev: true
 
   /debug/3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
     dependencies:
       ms: 2.1.3
     dev: true
 
+  /debug/3.2.7_supports-color@8.1.1:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.3
+      supports-color: 8.1.1
+    dev: true
+
   /debug/4.3.4:
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
     engines: {node: '>=6.0'}
@@ -3606,14 +3632,34 @@ packages:
     dependencies:
       debug: 3.2.7
       resolve: 1.22.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
-  /eslint-module-utils/2.7.3:
+  /eslint-module-utils/2.7.3_cphntlaow2spielwlvsegonsm4:
     resolution: {integrity: sha512-088JEC7O3lDZM9xGe0RerkOMd0EjFl+Yvd1jPWIkMT5u3H9+HC34mWWPnqPrN13gieT9pBOO+Qt07Nb/6TresQ==}
     engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
     dependencies:
+      '@typescript-eslint/parser': 5.23.0_utdtartgf6fqqgkivzeynh76la
       debug: 3.2.7
+      eslint-import-resolver-node: 0.3.6
       find-up: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /eslint-plugin-antfu/0.23.1_utdtartgf6fqqgkivzeynh76la:
@@ -3663,19 +3709,24 @@ packages:
       htmlparser2: 7.2.0
     dev: true
 
-  /eslint-plugin-import/2.26.0_eslint@8.16.0:
+  /eslint-plugin-import/2.26.0_psywa56m36ohucgz4m2difbcmi:
     resolution: {integrity: sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==}
     engines: {node: '>=4'}
     peerDependencies:
+      '@typescript-eslint/parser': '*'
       eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
     dependencies:
+      '@typescript-eslint/parser': 5.23.0_utdtartgf6fqqgkivzeynh76la
       array-includes: 3.1.4
       array.prototype.flat: 1.3.0
       debug: 2.6.9
       doctrine: 2.1.0
       eslint: 8.16.0
       eslint-import-resolver-node: 0.3.6
-      eslint-module-utils: 2.7.3
+      eslint-module-utils: 2.7.3_cphntlaow2spielwlvsegonsm4
       has: 1.0.3
       is-core-module: 2.8.1
       is-glob: 4.0.3
@@ -3683,6 +3734,10 @@ packages:
       object.values: 1.1.5
       resolve: 1.22.0
       tsconfig-paths: 3.14.1
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
     dev: true
 
   /eslint-plugin-jsonc/2.2.1_eslint@8.16.0:
@@ -4049,6 +4104,8 @@ packages:
       type-is: 1.6.18
       utils-merge: 1.0.1
       vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /extend-shallow/2.0.1:
@@ -4154,6 +4211,8 @@ packages:
       parseurl: 1.3.3
       statuses: 1.5.0
       unpipe: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /find-up/2.1.0:
@@ -6290,6 +6349,8 @@ packages:
       on-finished: 2.3.0
       range-parser: 1.2.1
       statuses: 1.5.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /serialize-javascript/4.0.0:
@@ -6306,6 +6367,8 @@ packages:
       escape-html: 1.0.3
       parseurl: 1.3.3
       send: 0.17.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /setprototypeof/1.2.0:
@@ -6660,7 +6723,6 @@ packages:
   /to-fast-properties/2.0.0:
     resolution: {integrity: sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=}
     engines: {node: '>=4'}
-    dev: true
 
   /to-regex-range/5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
@@ -6802,7 +6864,6 @@ packages:
     resolution: {integrity: sha512-9ia/jWHIEbo49HfjrLGfKbZSuWo9iTMwXO+Ca3pRsSpbsMbc7/IU8NKdCZVRRBafVPGnoJeFL76ZOAA84I9fEg==}
     engines: {node: '>=4.2.0'}
     hasBin: true
-    dev: true
 
   /uc.micro/1.0.6:
     resolution: {integrity: sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==}
@@ -6937,8 +6998,8 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /unplugin-auto-import/0.8.0_4xyn6ao5ngwbgzbefoyccvabvi:
+  /unplugin-auto-import/0.8.1_4xyn6ao5ngwbgzbefoyccvabvi:
-    resolution: {integrity: sha512-OITebWWA7cco/Egv+hXkhVZSU4UcFaYK8QuZarDrvVKTRlc6QqYU/ochPZQhRim4Gog/2TWgOgiGUoXIG/+s4A==}
+    resolution: {integrity: sha512-sUpiprf+GBtPaCCVZBVArM7caWO8Zr5WgaFdiB0hI5C68mSwRTO3We1u1Mq8akzo/Lx8blZ1RAx2iixoqvvUYg==}
     engines: {node: '>=14'}
     peerDependencies:
       '@vueuse/core': '*'
@@ -6946,11 +7007,11 @@ packages:
       '@vueuse/core':
         optional: true
     dependencies:
-      '@antfu/utils': 0.5.1
+      '@antfu/utils': 0.5.2
       '@rollup/pluginutils': 4.2.1
       '@vueuse/core': 8.5.0_vue@3.2.36
       local-pkg: 0.4.1
-      magic-string: 0.26.1
+      magic-string: 0.26.2
       unimport: 0.2.3_vite@2.9.9
       unplugin: 0.6.3_vite@2.9.9
     transitivePeerDependencies:
@@ -7269,7 +7330,6 @@ packages:
         optional: true
     dependencies:
       vue: 3.2.36
-    dev: false
 
   /vue-eslint-parser/8.3.0_eslint@8.16.0:
     resolution: {integrity: sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==}
@@ -7300,7 +7360,6 @@ packages:
       '@intlify/vue-devtools': 9.1.10
       '@vue/devtools-api': 6.1.4
       vue: 3.2.36
-    dev: false
 
   /vue-router/4.0.15_vue@3.2.36:
     resolution: {integrity: sha512-xa+pIN9ZqORdIW1MkN2+d9Ui2pCM1b/UMgwYUCZOiFYHAvz/slKKBDha8DLrh5aCG/RibtrpyhKjKOZ85tYyWg==}
@@ -7309,7 +7368,6 @@ packages:
     dependencies:
       '@vue/devtools-api': 6.1.4
       vue: 3.2.36
-    dev: false
 
   /vue-tsc/0.34.16_typescript@4.6.4:
     resolution: {integrity: sha512-9tYBQIOyl3Tz8ZrlYUKtftu5m/wXHfxCalyjR22QzSaUJoBJmZeNOoVs/QEllc0z4ideEZxvvU+pBFdoY3O16A==}
@@ -7329,7 +7387,6 @@ packages:
       '@vue/runtime-dom': 3.2.36
       '@vue/server-renderer': 3.2.36_vue@3.2.36
       '@vue/shared': 3.2.36
-    dev: false
 
   /w3c-hr-time/1.0.2:
     resolution: {integrity: sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==}

src/App.vue

@@ -2,8 +2,6 @@
 // https://github.com/vueuse/head
 // you can use this to manipulate the document head in any components,
 // they will be rendered correctly in the html results with vite-ssg
-import { isDark, preferredDark } from '~/composables'
-
 useHead({
   title: 'Vitesse',
   meta: [

src/auto-imports.d.ts

@@ -1,13 +1,14 @@
 // Generated by 'unplugin-auto-import'
-// We suggest you to commit this file into source control
+export {}
 declare global {
-  const $: typeof import('vue/macros')['$']
   const $$: typeof import('vue/macros')['$$']
+  const $: typeof import('vue/macros')['$']
   const $computed: typeof import('vue/macros')['$computed']
   const $customRef: typeof import('vue/macros')['$customRef']
   const $ref: typeof import('vue/macros')['$ref']
   const $shallowRef: typeof import('vue/macros')['$shallowRef']
   const $toRef: typeof import('vue/macros')['$toRef']
+  const EffectScope: typeof import('vue')['EffectScope']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
   const computed: typeof import('vue')['computed']
@@ -31,13 +32,13 @@ declare global {
   const defineComponent: typeof import('vue')['defineComponent']
   const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
   const effectScope: typeof import('vue')['effectScope']
-  const EffectScope: typeof import('vue')['EffectScope']
   const extendRef: typeof import('@vueuse/core')['extendRef']
   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
   const getCurrentScope: typeof import('vue')['getCurrentScope']
   const h: typeof import('vue')['h']
   const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
   const inject: typeof import('vue')['inject']
+  const isDark: typeof import('./composables/dark')['isDark']
   const isDefined: typeof import('@vueuse/core')['isDefined']
   const isReadonly: typeof import('vue')['isReadonly']
   const isRef: typeof import('vue')['isRef']
@@ -65,6 +66,7 @@ declare global {
   const onUnmounted: typeof import('vue')['onUnmounted']
   const onUpdated: typeof import('vue')['onUpdated']
   const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
+  const preferredDark: typeof import('./composables/dark')['preferredDark']
   const provide: typeof import('vue')['provide']
   const reactify: typeof import('@vueuse/core')['reactify']
   const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
@@ -92,6 +94,7 @@ declare global {
   const toReactive: typeof import('@vueuse/core')['toReactive']
   const toRef: typeof import('vue')['toRef']
   const toRefs: typeof import('vue')['toRefs']
+  const toggleDark: typeof import('./composables/dark')['toggleDark']
   const triggerRef: typeof import('vue')['triggerRef']
   const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
   const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
@@ -124,8 +127,8 @@ declare global {
   const useDark: typeof import('@vueuse/core')['useDark']
   const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
   const useDebounce: typeof import('@vueuse/core')['useDebounce']
-  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
   const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
+  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
   const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
   const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
   const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
@@ -207,8 +210,8 @@ declare global {
   const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
   const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
   const useThrottle: typeof import('@vueuse/core')['useThrottle']
-  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
   const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
+  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
   const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
   const useTimeout: typeof import('@vueuse/core')['useTimeout']
   const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
@@ -219,10 +222,11 @@ declare global {
   const useTransition: typeof import('@vueuse/core')['useTransition']
   const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
   const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
-  const useVibrate: typeof import('@vueuse/core')['useVibrate']
+  const useUserStore: typeof import('./store/user')['useUserStore']
-  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
   const useVModel: typeof import('@vueuse/core')['useVModel']
   const useVModels: typeof import('@vueuse/core')['useVModels']
+  const useVibrate: typeof import('@vueuse/core')['useVibrate']
+  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
   const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
   const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
   const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
@@ -242,4 +246,252 @@ declare global {
   const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
   const whenever: typeof import('@vueuse/core')['whenever']
 }
-export {}
+// for vue template auto import
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    $$: typeof import('vue/macros')['$$']
+    $: typeof import('vue/macros')['$']
+    $computed: typeof import('vue/macros')['$computed']
+    $customRef: typeof import('vue/macros')['$customRef']
+    $ref: typeof import('vue/macros')['$ref']
+    $shallowRef: typeof import('vue/macros')['$shallowRef']
+    $toRef: typeof import('vue/macros')['$toRef']
+    EffectScope: typeof import('vue')['EffectScope']
+    asyncComputed: typeof import('@vueuse/core')['asyncComputed']
+    autoResetRef: typeof import('@vueuse/core')['autoResetRef']
+    computed: typeof import('vue')['computed']
+    computedAsync: typeof import('@vueuse/core')['computedAsync']
+    computedEager: typeof import('@vueuse/core')['computedEager']
+    computedInject: typeof import('@vueuse/core')['computedInject']
+    computedWithControl: typeof import('@vueuse/core')['computedWithControl']
+    controlledComputed: typeof import('@vueuse/core')['controlledComputed']
+    controlledRef: typeof import('@vueuse/core')['controlledRef']
+    createApp: typeof import('vue')['createApp']
+    createEventHook: typeof import('@vueuse/core')['createEventHook']
+    createGlobalState: typeof import('@vueuse/core')['createGlobalState']
+    createInjectionState: typeof import('@vueuse/core')['createInjectionState']
+    createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
+    createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
+    createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
+    customRef: typeof import('vue')['customRef']
+    debouncedRef: typeof import('@vueuse/core')['debouncedRef']
+    debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
+    defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+    defineComponent: typeof import('vue')['defineComponent']
+    eagerComputed: typeof import('@vueuse/core')['eagerComputed']
+    effectScope: typeof import('vue')['effectScope']
+    extendRef: typeof import('@vueuse/core')['extendRef']
+    getCurrentInstance: typeof import('vue')['getCurrentInstance']
+    getCurrentScope: typeof import('vue')['getCurrentScope']
+    h: typeof import('vue')['h']
+    ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
+    inject: typeof import('vue')['inject']
+    isDark: typeof import('./composables/dark')['isDark']
+    isDefined: typeof import('@vueuse/core')['isDefined']
+    isReadonly: typeof import('vue')['isReadonly']
+    isRef: typeof import('vue')['isRef']
+    logicAnd: typeof import('@vueuse/core')['logicAnd']
+    logicNot: typeof import('@vueuse/core')['logicNot']
+    logicOr: typeof import('@vueuse/core')['logicOr']
+    makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
+    markRaw: typeof import('vue')['markRaw']
+    nextTick: typeof import('vue')['nextTick']
+    onActivated: typeof import('vue')['onActivated']
+    onBeforeMount: typeof import('vue')['onBeforeMount']
+    onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+    onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+    onClickOutside: typeof import('@vueuse/core')['onClickOutside']
+    onDeactivated: typeof import('vue')['onDeactivated']
+    onErrorCaptured: typeof import('vue')['onErrorCaptured']
+    onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
+    onLongPress: typeof import('@vueuse/core')['onLongPress']
+    onMounted: typeof import('vue')['onMounted']
+    onRenderTracked: typeof import('vue')['onRenderTracked']
+    onRenderTriggered: typeof import('vue')['onRenderTriggered']
+    onScopeDispose: typeof import('vue')['onScopeDispose']
+    onServerPrefetch: typeof import('vue')['onServerPrefetch']
+    onStartTyping: typeof import('@vueuse/core')['onStartTyping']
+    onUnmounted: typeof import('vue')['onUnmounted']
+    onUpdated: typeof import('vue')['onUpdated']
+    pausableWatch: typeof import('@vueuse/core')['pausableWatch']
+    preferredDark: typeof import('./composables/dark')['preferredDark']
+    provide: typeof import('vue')['provide']
+    reactify: typeof import('@vueuse/core')['reactify']
+    reactifyObject: typeof import('@vueuse/core')['reactifyObject']
+    reactive: typeof import('vue')['reactive']
+    reactiveComputed: typeof import('@vueuse/core')['reactiveComputed']
+    reactiveOmit: typeof import('@vueuse/core')['reactiveOmit']
+    reactivePick: typeof import('@vueuse/core')['reactivePick']
+    readonly: typeof import('vue')['readonly']
+    ref: typeof import('vue')['ref']
+    refAutoReset: typeof import('@vueuse/core')['refAutoReset']
+    refDebounced: typeof import('@vueuse/core')['refDebounced']
+    refDefault: typeof import('@vueuse/core')['refDefault']
+    refThrottled: typeof import('@vueuse/core')['refThrottled']
+    refWithControl: typeof import('@vueuse/core')['refWithControl']
+    resolveComponent: typeof import('vue')['resolveComponent']
+    shallowReactive: typeof import('vue')['shallowReactive']
+    shallowReadonly: typeof import('vue')['shallowReadonly']
+    shallowRef: typeof import('vue')['shallowRef']
+    syncRef: typeof import('@vueuse/core')['syncRef']
+    syncRefs: typeof import('@vueuse/core')['syncRefs']
+    templateRef: typeof import('@vueuse/core')['templateRef']
+    throttledRef: typeof import('@vueuse/core')['throttledRef']
+    throttledWatch: typeof import('@vueuse/core')['throttledWatch']
+    toRaw: typeof import('vue')['toRaw']
+    toReactive: typeof import('@vueuse/core')['toReactive']
+    toRef: typeof import('vue')['toRef']
+    toRefs: typeof import('vue')['toRefs']
+    toggleDark: typeof import('./composables/dark')['toggleDark']
+    triggerRef: typeof import('vue')['triggerRef']
+    tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
+    tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
+    tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']
+    tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']
+    tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']
+    unref: typeof import('vue')['unref']
+    unrefElement: typeof import('@vueuse/core')['unrefElement']
+    until: typeof import('@vueuse/core')['until']
+    useActiveElement: typeof import('@vueuse/core')['useActiveElement']
+    useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
+    useAsyncState: typeof import('@vueuse/core')['useAsyncState']
+    useAttrs: typeof import('vue')['useAttrs']
+    useBase64: typeof import('@vueuse/core')['useBase64']
+    useBattery: typeof import('@vueuse/core')['useBattery']
+    useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
+    useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
+    useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
+    useCached: typeof import('@vueuse/core')['useCached']
+    useClamp: typeof import('@vueuse/core')['useClamp']
+    useClipboard: typeof import('@vueuse/core')['useClipboard']
+    useColorMode: typeof import('@vueuse/core')['useColorMode']
+    useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
+    useCounter: typeof import('@vueuse/core')['useCounter']
+    useCssModule: typeof import('vue')['useCssModule']
+    useCssVar: typeof import('@vueuse/core')['useCssVar']
+    useCssVars: typeof import('vue')['useCssVars']
+    useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
+    useCycleList: typeof import('@vueuse/core')['useCycleList']
+    useDark: typeof import('@vueuse/core')['useDark']
+    useDateFormat: typeof import('@vueuse/core')['useDateFormat']
+    useDebounce: typeof import('@vueuse/core')['useDebounce']
+    useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
+    useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
+    useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
+    useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
+    useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
+    useDevicesList: typeof import('@vueuse/core')['useDevicesList']
+    useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
+    useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
+    useDraggable: typeof import('@vueuse/core')['useDraggable']
+    useElementBounding: typeof import('@vueuse/core')['useElementBounding']
+    useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
+    useElementHover: typeof import('@vueuse/core')['useElementHover']
+    useElementSize: typeof import('@vueuse/core')['useElementSize']
+    useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']
+    useEventBus: typeof import('@vueuse/core')['useEventBus']
+    useEventListener: typeof import('@vueuse/core')['useEventListener']
+    useEventSource: typeof import('@vueuse/core')['useEventSource']
+    useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
+    useFavicon: typeof import('@vueuse/core')['useFavicon']
+    useFetch: typeof import('@vueuse/core')['useFetch']
+    useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
+    useFocus: typeof import('@vueuse/core')['useFocus']
+    useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
+    useFps: typeof import('@vueuse/core')['useFps']
+    useFullscreen: typeof import('@vueuse/core')['useFullscreen']
+    useGamepad: typeof import('@vueuse/core')['useGamepad']
+    useGeolocation: typeof import('@vueuse/core')['useGeolocation']
+    useHead: typeof import('@vueuse/head')['useHead']
+    useI18n: typeof import('vue-i18n')['useI18n']
+    useIdle: typeof import('@vueuse/core')['useIdle']
+    useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
+    useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
+    useInterval: typeof import('@vueuse/core')['useInterval']
+    useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']
+    useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
+    useLastChanged: typeof import('@vueuse/core')['useLastChanged']
+    useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
+    useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
+    useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
+    useMediaControls: typeof import('@vueuse/core')['useMediaControls']
+    useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
+    useMemoize: typeof import('@vueuse/core')['useMemoize']
+    useMemory: typeof import('@vueuse/core')['useMemory']
+    useMounted: typeof import('@vueuse/core')['useMounted']
+    useMouse: typeof import('@vueuse/core')['useMouse']
+    useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
+    useMousePressed: typeof import('@vueuse/core')['useMousePressed']
+    useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
+    useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
+    useNetwork: typeof import('@vueuse/core')['useNetwork']
+    useNow: typeof import('@vueuse/core')['useNow']
+    useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
+    useOnline: typeof import('@vueuse/core')['useOnline']
+    usePageLeave: typeof import('@vueuse/core')['usePageLeave']
+    useParallax: typeof import('@vueuse/core')['useParallax']
+    usePermission: typeof import('@vueuse/core')['usePermission']
+    usePointer: typeof import('@vueuse/core')['usePointer']
+    usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
+    usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
+    usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
+    usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
+    useRafFn: typeof import('@vueuse/core')['useRafFn']
+    useRefHistory: typeof import('@vueuse/core')['useRefHistory']
+    useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
+    useRoute: typeof import('vue-router')['useRoute']
+    useRouter: typeof import('vue-router')['useRouter']
+    useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
+    useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
+    useScriptTag: typeof import('@vueuse/core')['useScriptTag']
+    useScroll: typeof import('@vueuse/core')['useScroll']
+    useScrollLock: typeof import('@vueuse/core')['useScrollLock']
+    useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
+    useShare: typeof import('@vueuse/core')['useShare']
+    useSlots: typeof import('vue')['useSlots']
+    useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
+    useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
+    useStorage: typeof import('@vueuse/core')['useStorage']
+    useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
+    useStyleTag: typeof import('@vueuse/core')['useStyleTag']
+    useSwipe: typeof import('@vueuse/core')['useSwipe']
+    useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
+    useTextSelection: typeof import('@vueuse/core')['useTextSelection']
+    useThrottle: typeof import('@vueuse/core')['useThrottle']
+    useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
+    useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
+    useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
+    useTimeout: typeof import('@vueuse/core')['useTimeout']
+    useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
+    useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
+    useTimestamp: typeof import('@vueuse/core')['useTimestamp']
+    useTitle: typeof import('@vueuse/core')['useTitle']
+    useToggle: typeof import('@vueuse/core')['useToggle']
+    useTransition: typeof import('@vueuse/core')['useTransition']
+    useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
+    useUserMedia: typeof import('@vueuse/core')['useUserMedia']
+    useUserStore: typeof import('./store/user')['useUserStore']
+    useVModel: typeof import('@vueuse/core')['useVModel']
+    useVModels: typeof import('@vueuse/core')['useVModels']
+    useVibrate: typeof import('@vueuse/core')['useVibrate']
+    useVirtualList: typeof import('@vueuse/core')['useVirtualList']
+    useWakeLock: typeof import('@vueuse/core')['useWakeLock']
+    useWebNotification: typeof import('@vueuse/core')['useWebNotification']
+    useWebSocket: typeof import('@vueuse/core')['useWebSocket']
+    useWebWorker: typeof import('@vueuse/core')['useWebWorker']
+    useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']
+    useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
+    useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
+    useWindowSize: typeof import('@vueuse/core')['useWindowSize']
+    watch: typeof import('vue')['watch']
+    watchAtMost: typeof import('@vueuse/core')['watchAtMost']
+    watchDebounced: typeof import('@vueuse/core')['watchDebounced']
+    watchEffect: typeof import('vue')['watchEffect']
+    watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
+    watchOnce: typeof import('@vueuse/core')['watchOnce']
+    watchPausable: typeof import('@vueuse/core')['watchPausable']
+    watchThrottled: typeof import('@vueuse/core')['watchThrottled']
+    watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
+    whenever: typeof import('@vueuse/core')['whenever']
+  }
+}

src/components/Footer.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { toggleDark } from '~/composables'
-
 const { t, availableLocales, locale } = useI18n()
 
 const toggleLocales = () => {
@@ -20,7 +18,7 @@ const toggleLocales = () => {
       <div i="carbon-sun dark:carbon-moon" />
     </button>
 
-    <a class="icon-btn mx-2" :title="t('button.toggle_langs')" @click="toggleLocales">
+    <a class="icon-btn mx-2" :title="t('button.toggle_langs')" @click="toggleLocales()">
       <div i-carbon-language />
     </a>
 

src/pages/hi/[name].vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { useUserStore } from '~/stores/user'
-
 const props = defineProps<{ name: string }>()
 const router = useRouter()
 const user = useUserStore()

src/pages/index.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { useUserStore } from '~/stores/user'
-
 const user = useUserStore()
 const name = $ref(user.savedName)
 

vite.config.ts

@@ -48,6 +48,11 @@ export default defineConfig({
         '@vueuse/core',
       ],
       dts: 'src/auto-imports.d.ts',
+      dirs: [
+        'src/composables',
+        'src/store',
+      ],
+      vueTemplate: true
     }),
 
     // https://github.com/antfu/unplugin-vue-components