Refactor entire app structure

src/router/index.js

@@ -11,12 +11,12 @@ const routes = [
     component: Home
   },
   {
-    path: '/login',
-    name: 'LoginView',
+    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/Login.vue')
+    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
   }
 ]