chore: add playground routes

Author: posva

playground-experimental/src/pages/nested.vue

@@ -0,0 +1,57 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <h2>Nested root</h2>
+
+    <h4>string url</h4>
+    <nav>
+      <ul>
+        <li>
+          <RouterLink to="/nested" v-slot="{ href }">{{ href }}</RouterLink>
+        </li>
+        <li>
+          <RouterLink to="/nested/" v-slot="{ href }">{{ href }}</RouterLink>
+        </li>
+        <li>
+          <RouterLink to="/nested/other" v-slot="{ href }">{{
+            href
+          }}</RouterLink>
+        </li>
+      </ul>
+    </nav>
+
+    <h4>named locations</h4>
+    <nav>
+      <ul>
+        <li>
+          <RouterLink :to="{ name: '/nested' }" v-slot="{ href }">{{
+            href
+          }}</RouterLink>
+        </li>
+        <li>
+          <RouterLink :to="{ name: '/nested/' }" v-slot="{ href }">{{
+            href
+          }}</RouterLink>
+        </li>
+        <li>
+          <RouterLink :to="{ name: '/nested/other' }" v-slot="{ href }">{{
+            href
+          }}</RouterLink>
+        </li>
+      </ul>
+    </nav>
+
+    <RouterView />
+  </div>
+</template>
+
+<style scoped>
+.router-link-active {
+  color: orange;
+}
+
+.router-link-exact-active {
+  color: red;
+}
+</style>

playground-experimental/src/pages/nested/index.vue

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

playground-experimental/src/pages/nested/other.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <h3>Nested other</h3>
+  </div>
+</template>

playground-experimental/typed-router.d.ts

@@ -103,6 +103,28 @@ declare module 'vue-router/auto-routes' {
       Record<never, never>,
       | never
     >,
+    '/nested': RouteRecordInfo<
+      '/nested',
+      '/nested',
+      Record<never, never>,
+      Record<never, never>,
+      | '/nested/'
+      | '/nested/other'
+    >,
+    '/nested/': RouteRecordInfo<
+      '/nested/',
+      '/nested',
+      Record<never, never>,
+      Record<never, never>,
+      | never
+    >,
+    '/nested/other': RouteRecordInfo<
+      '/nested/other',
+      '/nested/other',
+      Record<never, never>,
+      Record<never, never>,
+      | never
+    >,
     '/tests/[[optional]]/end': RouteRecordInfo<
       '/tests/[[optional]]/end',
       '/tests/:optional?/end',
@@ -225,6 +247,26 @@ declare module 'vue-router/auto-routes' {
       views:
         | never
     }
+    'src/pages/nested.vue': {
+      routes:
+        | '/nested'
+        | '/nested/'
+        | '/nested/other'
+      views:
+        | 'default'
+    }
+    'src/pages/nested/index.vue': {
+      routes:
+        | '/nested/'
+      views:
+        | never
+    }
+    'src/pages/nested/other.vue': {
+      routes:
+        | '/nested/other'
+      views:
+        | never
+    }
     'src/pages/tests/[[optional]]/end.vue': {
       routes:
         | '/tests/[[optional]]/end'