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' 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 @@

- + +

+
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