From 68f4aa7168984b65dbeed168f57674c491f9c10f Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@zweili.ch>
Date: Mon, 26 Apr 2021 10:09:17 +0200
Subject: [PATCH] 175 add a nested route

---
 .../src/components/teams/TeamsList.vue                |  1 +
 2021-03-27_routing-01-starting-setup/src/main.js      | 11 ++++++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/2021-03-27_routing-01-starting-setup/src/components/teams/TeamsList.vue b/2021-03-27_routing-01-starting-setup/src/components/teams/TeamsList.vue
index 5f25245..8ec4a98 100644
--- a/2021-03-27_routing-01-starting-setup/src/components/teams/TeamsList.vue
+++ b/2021-03-27_routing-01-starting-setup/src/components/teams/TeamsList.vue
@@ -1,4 +1,5 @@
 <template>
+    <router-view></router-view>
   <ul>
     <teams-item
       v-for="team in teams"
diff --git a/2021-03-27_routing-01-starting-setup/src/main.js b/2021-03-27_routing-01-starting-setup/src/main.js
index e1fe1f3..5d5b55e 100644
--- a/2021-03-27_routing-01-starting-setup/src/main.js
+++ b/2021-03-27_routing-01-starting-setup/src/main.js
@@ -12,9 +12,14 @@ const router = createRouter({
   history: createWebHistory(),
   routes: [
     { path: '/', component: TeamsList },
-    { path: '/teams', component: TeamsList },
-    { path: '/users', component: UsersList },
-    { path: '/teams/:teamId', component: TeamMembers, props: true }
+    {
+      path: '/teams',
+      component: TeamsList,
+      children: [
+        { path: ':teamId', component: TeamMembers, props: true }
+      ]
+    },
+    { path: '/users', component: UsersList }
   ]
 });