175 add a nested route

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"

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 }
   ]
 });