chore: use inspect instead of devtools in playground

Author: posva

playground/vite.config.ts

@@ -7,7 +7,7 @@ import VueRouter from '../src/vite'
 import { VueRouterAutoImports } from '../src'
 import Vue from '@vitejs/plugin-vue'
 import AutoImport from 'unplugin-auto-import/vite'
-import VueDevtools from 'vite-plugin-vue-devtools'
+import Inspect from 'vite-plugin-inspect'
 
 export default defineConfig({
   clearScreen: false,
@@ -50,7 +50,7 @@ export default defineConfig({
         autoExportsDataLoaders: ['src/loaders/**/*', '@/loaders/**/*'],
       },
       extendRoute(route) {
-        route.params.forEach((param, i) => {
+        route.params.forEach((param) => {
           // transform kebab-case to camelCase
           param.paramName = param.paramName.replace(/-([a-z])/g, (g) =>
             g[1].toUpperCase()
@@ -157,6 +157,9 @@ export default defineConfig({
         },
       ],
     }),
-    VueDevtools(),
+    // currently the devtools use 0.8.8 but we care more about
+    // inspecting virtual files
+    // VueDevtools(),
+    Inspect(),
   ],
 })