fix: update router plugin

env.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="vite/client" />
 
 interface ImportMetaEnv {
-    readonly VITE_APP_TITLE: string
+  readonly VITE_APP_TITLE: string
 }
 
 interface ImportMeta {
-    readonly env: ImportMetaEnv
-}
+  readonly env: ImportMetaEnv
+}

package.json

@@ -58,6 +58,7 @@
     "vite-plugin-classify": "^0.0.1",
     "vite-plugin-package-configs": "^0.0.12",
     "vite-plugin-terminal-log": "^0.0.1",
+    "vite-plugin-vue-devtools": "^7.3.8",
     "vitest": "^1.3.1",
     "vue-tsc": "^2.0.14"
   }

src/pages/hi/[name].vue

@@ -1,7 +1,11 @@
 <script setup lang="ts">
-defineProps<{ name: string }>()
-
 const router = useRouter()
+
+const route = useRoute()
+
+const name = computed(() => {
+  return route.params.name
+})
 </script>
 
 <template>

tsconfig.json

@@ -28,7 +28,8 @@
         },
         "types": [
             "vite/client",
-            "vitest/globals"
+            "vitest/globals",
+            "unplugin-vue-router/client"
         ],
         "resolveJsonModule": true,
         "esModuleInterop": true,

tsconfig.node.json

@@ -9,6 +9,6 @@
     "vite.config.ts",
     "auto-imports.d.ts",
     "components.d.ts",
-    "typed-router.d.ts"
+    "./typed-router.d.ts"
   ]
 }

vite.config.ts

@@ -15,9 +15,12 @@ import Classify from 'vite-plugin-classify'
 import TerminalLog from 'vite-plugin-terminal-log'
 import { VueRouterAutoImports } from 'unplugin-vue-router'
 import { unheadVueComposablesImports } from '@unhead/vue'
+import DevTools from 'vite-plugin-vue-devtools'
 
 export default defineConfig({
   plugins: [
+    // https://github.com/vuejs/devtools-next
+    DevTools(),
     // https://github.com/vite-inspector/vite-inspector
     Inspector({
       framework: 'vue',