From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Fri, 13 Mar 2020 16:52:13 +0000 (+0100)
Subject: chore: add more testing links
X-Git-Tag: v4.0.0-alpha.2~5
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=304b12500c4663acb99041cecf4211a0fef6ed5c;p=thirdparty%2Fvuejs%2Frouter.git

chore: add more testing links
---

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>