chore

package.json

@@ -38,6 +38,7 @@
     "vite-plugin-pages": "^0.28.0",
     "vite-plugin-windicss": "^1.8.10",
     "vitest": "^0.29.2",
+    "volar-plugin-vue-router": "^0.1.0",
     "vue-tsc": "^1.2.0",
     "windicss": "^3.5.6"
   },

pnpm-lock.yaml

@@ -24,6 +24,7 @@ specifiers:
   vite-plugin-pages: ^0.28.0
   vite-plugin-windicss: ^1.8.10
   vitest: ^0.29.2
+  volar-plugin-vue-router: ^0.1.0
   vue: ^3.2.47
   vue-router: ^4.1.6
   vue-tsc: ^1.2.0
@@ -57,6 +58,7 @@ devDependencies:
   vite-plugin-pages: 0.28.0_vite@4.1.4
   vite-plugin-windicss: 1.8.10_vite@4.1.4
   vitest: 0.29.2_jsdom@21.1.0
+  volar-plugin-vue-router: 0.1.0
   vue-tsc: 1.2.0_typescript@4.9.5
   windicss: 3.5.6
 
@@ -1213,6 +1215,10 @@ packages:
       '@volar/vue-language-core': 1.2.0
     dev: true
 
+  /@vscode/l10n/0.0.11:
+    resolution: {integrity: sha512-ukOMWnCg1tCvT7WnDfsUKQOFDQGsyR5tNgRpwmqi+5/vzU3ghdDXzvIM4IOPdSb3OeSsBNvmSL8nxIVOqi2WXA==}
+    dev: true
+
   /@vue-macros/api/0.4.5_vue@3.2.47:
     resolution: {integrity: sha512-qXngAM8bvy0tXY58lLkBoCV0r1Z+ZaJN2WgVMm/0Lgqf5pszcVTgsNEsb8uGgPfenBiRad4o7vvpxHXXO9QNyQ==}
     engines: {node: '>=14.19.0'}
@@ -5143,6 +5149,11 @@ packages:
       regexp-tree: 0.1.24
     dev: true
 
+  /safe-stable-stringify/2.4.3:
+    resolution: {integrity: sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==}
+    engines: {node: '>=10'}
+    dev: true
+
   /safer-buffer/2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
     dev: true
@@ -5563,6 +5574,20 @@ packages:
       punycode: 2.1.1
     dev: true
 
+  /ts-json-schema-generator/1.2.0:
+    resolution: {integrity: sha512-tUMeO3ZvA12d3HHh7T/AK8W5hmUhDRNtqWRHSMN3ZRbUFt+UmV0oX8k1RK4SA+a+BKNHpmW2v06MS49e8Fi3Yg==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    dependencies:
+      '@types/json-schema': 7.0.11
+      commander: 9.5.0
+      glob: 8.0.3
+      json5: 2.2.3
+      normalize-path: 3.0.0
+      safe-stable-stringify: 2.4.3
+      typescript: 4.9.5
+    dev: true
+
   /tsconfig-paths/3.14.1:
     resolution: {integrity: sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==}
     dependencies:
@@ -6063,6 +6088,35 @@ packages:
       - terser
     dev: true
 
+  /volar-plugin-vue-router/0.1.0:
+    resolution: {integrity: sha512-ctSn7LXqZQditZaPcz3q3OaJbr+FC59+lPy0Nbg4ItfcVDGfRlCz6fttg2IsYISsHOTc5W8sEqeIFx9YyA2MkA==}
+    dependencies:
+      ts-json-schema-generator: 1.2.0
+      vscode-json-languageservice: 5.3.2
+    dev: true
+
+  /vscode-json-languageservice/5.3.2:
+    resolution: {integrity: sha512-5td6olfoNdtyxnNA4uocq7V9jdTJt63o9mGEntQb6cbD2HiObZW2XgbSj6nRaebWwBCiYdWpFklNjm6Wz6Xy1Q==}
+    dependencies:
+      '@vscode/l10n': 0.0.11
+      jsonc-parser: 3.2.0
+      vscode-languageserver-textdocument: 1.0.8
+      vscode-languageserver-types: 3.17.3
+      vscode-uri: 3.0.7
+    dev: true
+
+  /vscode-languageserver-textdocument/1.0.8:
+    resolution: {integrity: sha512-1bonkGqQs5/fxGT5UchTgjGVnfysL0O8v1AYMBjqTbWQTFn721zaPGDYFkOKtfDgFiSgXM3KwaG3FMGfW4Ed9Q==}
+    dev: true
+
+  /vscode-languageserver-types/3.17.3:
+    resolution: {integrity: sha512-SYU4z1dL0PyIMd4Vj8YOqFvHu7Hz/enbWtpfnVbJHU4Nd1YNYx8u0ennumc6h48GQNeOLxmwySmnADouT/AuZA==}
+    dev: true
+
+  /vscode-uri/3.0.7:
+    resolution: {integrity: sha512-eOpPHogvorZRobNqJGhapa0JdwaxpjVvyBp0QIUMRMSf8ZAlqOdEquKuRmw9Qwu0qXtJIWqFtMkmvJjUZmMjVA==}
+    dev: true
+
   /vue-demi/0.13.6_vue@3.2.47:
     resolution: {integrity: sha512-02NYpxgyGE2kKGegRPYlNQSL1UWfA/+JqvzhGCOYjhfbLWXU5QQX0+9pAm/R2sCOPKr5NBxVIab7fvFU0B1RxQ==}
     engines: {node: '>=12'}

src/pages/back/index.vue

@@ -1,7 +0,0 @@
-<script setup lang='ts'>
-
-</script>
-
-<template>
-  <div>index</div>
-</template>

vite.config.ts

@@ -5,6 +5,7 @@ import { defineConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
 import Pages from 'vite-plugin-pages'
 import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import AutoImport from 'unplugin-auto-import/vite'
 import VueMacros from 'unplugin-vue-macros/vite'
 import WindiCSS from 'vite-plugin-windicss'
@@ -40,11 +41,17 @@ export default defineConfig({
         './src/composables',
       ],
       vueTemplate: true,
+      resolvers: [
+        ElementPlusResolver(),
+      ],
     }),
 
     // https://github.com/antfu/vite-plugin-components
     Components({
       dts: true,
+      resolvers: [
+        ElementPlusResolver(),
+      ],
     }),
   ],