chore: add more testing links

diff --git a/playground/App.vue b/playground/App.vue
index 79f0de8d89c80d8fb73ed05a56dd85c1f48372b5..d3c51661ab0d0566922a09ac3045f5a655362bf2 100644 (file)
--- a/playground/App.vue
+++ b/playground/App.vue
@@ -69,37 +69,9 @@
       <li>
         <router-link to="/nested">/nested</router-link>
       </li>
-      <li>
-        <router-link to="/nested/nested">/nested/nested</router-link>
-      </li>
-      <li>
-        <router-link to="/nested/nested/nested"
-          >/nested/nested/nested</router-link
-        >
-      </li>
       <li>
         <router-link to="/anidado">/anidado</router-link>
       </li>
-      <li>
-        <router-link to="/anidado/nested">/anidado/nested</router-link>
-      </li>
-      <li>
-        <router-link to="/anidado/nested/nested"
-          >/anidado/nested/nested</router-link
-        >
-      </li>
-      <li>
-        <router-link to="/anidado/a">/anidado/a</router-link>
-      </li>
-      <li>
-        <router-link to="/nested/a">/nested/a</router-link>
-      </li>
-      <li>
-        <router-link to="/anidado/a/nested">/anidado/a/nested</router-link>
-      </li>
-      <li>
-        <router-link to="/nested/a/nested">/nested/a/nested</router-link>
-      </li>
       <li>
         <router-link to="/long-0">/long-0</router-link>
       </li>
@@ -115,9 +87,6 @@
           >/users/{{ Number(currentLocation.params.id || 0) + 1 }}</router-link
         >
       </li>
-      <!-- <li>
-          <router-link :to="{ name: 'docs' }">Doc with same id</router-link>
-        </li> -->
       <li>
         <router-link to="/with-data">/with-data</router-link>
       </li>

diff --git a/playground/index.html b/playground/index.html
index 1362b64cb61fb075f32b42222eec7744615c66f7..f2874ec9a3f7fe09bec15e2bde23108cbe4be0f3 100644 (file)
--- a/playground/index.html
+++ b/playground/index.html
@@ -9,6 +9,9 @@
 
     <style>
       .router-link-active {
+        color: darkorange;
+      }
+      .router-link-exact-active {
         color: red;
       }
       .long {

diff --git a/playground/router.ts b/playground/router.ts
index 7b7b56f3db1a0c6b9a7e38bd05667b1108d85ebd..b179919217d94a4b73d7d124ca3166598589f390 100644 (file)
--- a/playground/router.ts
+++ b/playground/router.ts
@@ -66,6 +66,12 @@ export const router = createRouter({
             },
           ],
         },
+        {
+          path: 'other',
+          alias: 'otherAlias',
+          component: Nested,
+          name: 'NestedOther',
+        },
       ],
     },
     {

diff --git a/playground/views/Nested.vue b/playground/views/Nested.vue
index 88a91dc7922ee84331d5cbc7394dac0698be8f32..e2daa7195ce189519718988ce9980cc95952b763 100644 (file)
--- a/playground/views/Nested.vue
+++ b/playground/views/Nested.vue
@@ -1,6 +1,48 @@
 <template>
   <div>
     <p>Nested level {{ level }}</p>
+    <ul v-if="level === 1">
+      <li>
+        <router-link to="/nested/nested">/nested/nested</router-link>
+      </li>
+      <li>
+        <router-link to="/anidado/nested">/anidado/nested</router-link>
+      </li>
+      <li>
+        <router-link to="/anidado/a">/anidado/a</router-link>
+      </li>
+      <li>
+        <router-link to="/nested/a">/nested/a</router-link>
+      </li>
+      <li>
+        <router-link to="/nested/a/nested">/nested/a/nested</router-link>
+      </li>
+      <li>
+        <router-link to="/nested/nested/nested"
+          >/nested/nested/nested</router-link
+        >
+      </li>
+      <li>
+        <router-link to="/anidado/a/nested">/anidado/a/nested</router-link>
+      </li>
+      <li>
+        <router-link to="/anidado/nested/nested"
+          >/anidado/nested/nested</router-link
+        >
+      </li>
+      <li>
+        <router-link to="/anidado/other">/anidado/other</router-link>
+      </li>
+      <li>
+        <router-link to="/nested/other">/nested/other</router-link>
+      </li>
+      <li>
+        <router-link to="/nested/otherAlias">/nested/otherAlias</router-link>
+      </li>
+      <li>
+        <router-link to="/anidado/otherAlias">/anidado/otherAlias</router-link>
+      </li>
+    </ul>
     <router-view v-if="level < 6"></router-view>
   </div>
 </template>