From aaeb7b1006a6d90c5be70b040a6d0d98f3689e8a Mon Sep 17 00:00:00 2001
From: rYeti <Robert.Stertz1@HS-Augsburg.DE>
Date: Sat, 22 Apr 2023 00:33:09 +0200
Subject: [PATCH] added new touterlinks to app.vue

---
 src/App.vue                               |  4 +++-
 src/components/WelcomeItem.vue            |  4 +++-
 src/router/index.js                       | 22 +++++++++++++++++++---
 src/views/{AboutView.vue => PushView.vue} |  0
 4 files changed, 25 insertions(+), 5 deletions(-)
 rename src/views/{AboutView.vue => PushView.vue} (100%)

diff --git a/src/App.vue b/src/App.vue
index e864195..ca9d707 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,7 +12,9 @@ import HelloWorld from './components/HelloWorld.vue'
 
       <nav>
         <RouterLink to="/">Home</RouterLink>
-        <RouterLink to="/about">About</RouterLink>
+        <RouterLink to="/push">Push</RouterLink>
+        <RouterLink to="/pull">Pull</RouterLink>
+        <RouterLink to="/legs">Legs</RouterLink>
       </nav>
     </div>
   </header>
diff --git a/src/components/WelcomeItem.vue b/src/components/WelcomeItem.vue
index a5eca70..e7a1293 100644
--- a/src/components/WelcomeItem.vue
+++ b/src/components/WelcomeItem.vue
@@ -7,7 +7,9 @@
       <h3>
         <slot name="heading"></slot>
       </h3>
-      <slot></slot>
+      <slot>
+        <p></p>
+      </slot>
     </div>
   </div>
 </template>
diff --git a/src/router/index.js b/src/router/index.js
index a49ae50..2ee3f4a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,12 +10,28 @@ const router = createRouter({
       component: HomeView
     },
     {
-      path: '/about',
-      name: 'about',
+      path: '/push',
+      name: 'push',
       // route level code-splitting
       // this generates a separate chunk (About.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
-      component: () => import('../views/AboutView.vue')
+      component: () => import('../views/PushView.vue')
+    },
+    {
+      path: '/pull',
+      name: 'pull',
+      // route level code-splitting
+      // this generates a separate chunk (About.[hash].js) for this route
+      // which is lazy-loaded when the route is visited.
+      component: () => import('../views/PushView.vue')
+    },
+    {
+      path: '/legs',
+      name: 'legs',
+      // route level code-splitting
+      // this generates a separate chunk (About.[hash].js) for this route
+      // which is lazy-loaded when the route is visited.
+      component: () => import('../views/PushView.vue')
     }
   ]
 })
diff --git a/src/views/AboutView.vue b/src/views/PushView.vue
similarity index 100%
rename from src/views/AboutView.vue
rename to src/views/PushView.vue