LeftSideBar

src/router/index.ts

@@ -1,6 +1,8 @@
 import Vue from 'vue'
 import VueRouter, { RouteConfig } from 'vue-router'
-import Home from '../views/Home.vue'
+
+import Home from '@/views/Home.vue'
+import About from '@/views/About.vue'
 
 Vue.use(VueRouter)
 
@@ -12,11 +14,8 @@ Vue.use(VueRouter)
   },
   {
     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')
+    name: 'About Me',
+    component: About
   }
 ]