chore: update playground

diff --git a/packages/playground-file-based/package.json b/packages/playground-file-based/package.json
index 91e12802ef94bd12bd2a07aec35dc78fd303765f..0a9a372e4a54fd21b4fa8a0779cca468c3223a64 100644 (file)
--- a/packages/playground-file-based/package.json
+++ b/packages/playground-file-based/package.json
@@ -17,6 +17,7 @@
     "@vitejs/plugin-vue": "^6.0.3",
     "@vue/compiler-sfc": "~3.5.26",
     "@vue/tsconfig": "^0.8.1",
+    "auto-scaffold": "^0.2.0",
     "vite": "^7.3.0",
     "vue-router": "workspace:*",
     "vue-tsc": "^3.2.2"

diff --git a/packages/playground-file-based/src/main.ts b/packages/playground-file-based/src/main.ts
index 0de5e3de9342663194d4cbba4fa154c44e019e00..fda09248ce143026dba5c986392f57bf26ced03a 100644 (file)
--- a/packages/playground-file-based/src/main.ts
+++ b/packages/playground-file-based/src/main.ts
@@ -2,20 +2,8 @@ import { createApp } from 'vue'
 import './style.css'
 import App from './App.vue'
 import { router } from './router'
-import type {
-  RouteLocationMatched,
-  RouteLocationNormalizedGeneric,
-} from 'vue-router'
-// import { createFixedResolver } from 'vue-router/experimental'
 
 const app = createApp(App)
 app.use(router)
 
-const a = {} as RouteLocationNormalizedGeneric
-const b = {} as RouteLocationMatched
-
-// createFixedResolver([])
-a.matched[0]?.children.length
-b.children?.[0]?.length
-
 app.mount('#app')

diff --git a/packages/playground-file-based/src/router.ts b/packages/playground-file-based/src/router.ts
index 76a876c44c37bc09e495b285b4107b4062076171..88f3ac8a1fe9e477909e175c132ec866fb1be77b 100644 (file)
--- a/packages/playground-file-based/src/router.ts
+++ b/packages/playground-file-based/src/router.ts
@@ -1,4 +1,11 @@
-import { createRouter, createWebHistory, useRoute, useRouter } from 'vue-router'
+import {
+  createRouter,
+  createWebHistory,
+  useRoute,
+  useRouter,
+  type RouteLocationMatched,
+  type RouteLocationNormalizedGeneric,
+} from 'vue-router'
 import { routes, handleHotUpdate } from 'vue-router/auto-routes'
 
 export const router = createRouter({
@@ -10,11 +17,10 @@ if (import.meta.hot) {
   handleHotUpdate(router)
 }
 
-definePage({
-  name: 'hey',
-})
-
 export function __internalTest() {
+  definePage({
+    name: 'hey',
+  })
   const route = useRoute('/(home)')
   // @ts-expect-error: not possible
   route.name === '/about'
@@ -25,4 +31,11 @@ export function __internalTest() {
     { name: 'nope' }
   )
   router.push({ name: '/(home)' })
+
+  const a = {} as RouteLocationNormalizedGeneric
+  const b = {} as RouteLocationMatched
+
+  // createFixedResolver([])
+  a.matched[0]?.children.length
+  b.children?.length
 }

diff --git a/packages/playground-file-based/vite.config.ts b/packages/playground-file-based/vite.config.ts
index 3ca6ead9d70779036f75819692558a3d580db7e7..9c543150062588f6c69fdb8836a3fe8a183f509d 100644 (file)
--- a/packages/playground-file-based/vite.config.ts
+++ b/packages/playground-file-based/vite.config.ts
@@ -2,14 +2,16 @@ import { fileURLToPath, URL } from 'node:url'
 import { defineConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
 // import VueRouter from "vue-router/vite";
-import { default as VueRouter } from 'vue-router/unplugin'
+import VueRouter from 'vue-router/unplugin'
+import AutoScaffold from 'auto-scaffold/vite'
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [
+    AutoScaffold({
+      presets: ['vue', 'vue-router'],
+    }),
     // FIXME: why doesn't it work when imported from vue-router/vite
-    // VueRouterV(),
-    //
     VueRouter.vite({
       logs: true,
       dts: './src/routes.d.ts',