Commit Code-Pop#1:

Rename Home.vue to EventList.vue
Customize route for EventList
Update About.vue
Reconfigure About route

Author: luft.liu

package-lock.json

@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <div id="nav">
-      <router-link to="/">Home</router-link> |
+      <router-link to="/">Events</router-link> |
       <router-link to="/about">About</router-link>
     </div>
     <router-view />

src/App.vue

@@ -1,20 +1,17 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import EventList from '../views/EventList.vue'
+import About from '../views/About.vue'
 
 const routes = [
   {
     path: '/',
-    name: 'Home',
-    component: Home
+    name: 'EventList',
+    component: EventList
   },
   {
     path: '/about',
     name: 'About',
-    // 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(/* webpackChunkName: "about" */ '../views/About.vue')
+    component: About
   }
 ]
 

src/router/index.js

@@ -1,5 +1,5 @@
 <template>
   <div class="about">
-    <h1>This is an about page</h1>
+    <h1>A site for events to better the world.</h1>
   </div>
 </template>