From 304b12500c4663acb99041cecf4211a0fef6ed5c Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Fri, 13 Mar 2020 17:52:13 +0100
Subject: [PATCH] chore: add more testing links

---
 playground/App.vue          | 31 ---------------------------
 playground/index.html       |  3 +++
 playground/router.ts        |  6 ++++++
 playground/views/Nested.vue | 42 +++++++++++++++++++++++++++++++++++++
 4 files changed, 51 insertions(+), 31 deletions(-)

diff --git a/playground/App.vue b/playground/App.vue
index 79f0de8d..d3c51661 100644
--- 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 1362b64c..f2874ec9 100644
--- 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 7b7b56f3..b1799192 100644
--- 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 88a91dc7..e2daa719 100644
--- 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>
-- 
2.39.5