chore: playground group

Author: posva

playground/src/pages/(test-group).vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+definePage({
+  meta: {
+    name: '(test group root)',
+  },
+})
+</script>
+
+<template>
+  <RouterView />
+
+  <hr />
+
+  <pre>{{ $route.meta }}</pre>
+</template>

playground/src/pages/(test-group)/test-group-child.vue

@@ -1,3 +1,12 @@
+<script setup lang="ts">
+definePage({
+  meta: {
+    name: 'overriden by child in group',
+    other: 'foo',
+  },
+})
+</script>
+
 <template>
-  <h1>Test group child (resolves to root)</h1>
+  <h2>Test group child (resolves to root)</h2>
 </template>

playground/src/pages/index.vue

@@ -2,6 +2,7 @@
 definePage({
   meta: {
     title: 'hello',
+    n: 8,
   },
 })
 </script>

playground/typed-router.d.ts

@@ -18,9 +18,9 @@ declare module 'vue-router/auto-routes' {
    * Route name map generated by unplugin-vue-router
    */
   export interface RouteNamedMap {
-    'home': RouteRecordInfo<'home', '/', Record<never, never>, Record<never, never>>,
+    '/(test-group)': RouteRecordInfo<'/(test-group)', '/', Record<never, never>, Record<never, never>>,
     '/(test-group)/test-group-child': RouteRecordInfo<'/(test-group)/test-group-child', '/test-group-child', Record<never, never>, Record<never, never>>,
-    '/(test-group)/test-group-child(treated-as-static)': RouteRecordInfo<'/(test-group)/test-group-child(treated-as-static)', '/test-group-child(treated-as-static)', Record<never, never>, Record<never, never>>,
+    'home': RouteRecordInfo<'home', '/', Record<never, never>, Record<never, never>>,
     '/[name]': RouteRecordInfo<'/[name]', '/:name', { name: ParamValue<true> }, { name: ParamValue<false> }>,
     '/[...path]': RouteRecordInfo<'/[...path]', '/:path(.*)', { path: ParamValue<true> }, { path: ParamValue<false> }>,
     '/[...path]+': RouteRecordInfo<'/[...path]+', '/:path(.*)+', { path: ParamValueOneOrMore<true> }, { path: ParamValueOneOrMore<false> }>,