adding latest

src/router/index.js

@@ -1,29 +1,48 @@
-import Vue from 'vue'
-import VueRouter from 'vue-router'
-import Home from '../views/Home.vue'
+import Vue from "vue";
+import VueRouter from "vue-router";
+// import Home from "../views/Home.vue";
 
-Vue.use(VueRouter)
+Vue.use(VueRouter);
 
 const routes = [
+  // {
+  //   path: "/",
+  //   name: "Home",
+  //   component: Home
+  // },
   {
-    path: '/',
-    name: 'Home',
-    component: Home
-  },
-  {
-    path: '/about',
-    name: 'About',
+    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: () =>
+      import(/* webpackChunkName: "about" */ "../views/About.vue")
+  },
+  {
+    path: "/signUp",
+    name: "signUp",
+    component: () =>
+      import(/* webpackChunkName: "signup" */ "../views/SignUp.vue")
+  },
+  {
+    path: "/signUpConfirm",
+    name: "signUpConfirm",
+    component: () =>
+      import(/* webpackChunkName: "confirm" */ "../views/SignUpConfirm.vue")
+  },
+  {
+    path: "/signIn",
+    name: "signIn",
+    component: () =>
+      import(/* webpackChunkName: "signin" */ "../views/SignIn.vue")
   }
-]
+];
 
 const router = new VueRouter({
-  mode: 'history',
+  mode: "history",
   base: process.env.BASE_URL,
   routes
-})
+});
 
-export default router
+export default router;