add several pages and life wave

frontend/src/router/routes.js

@@ -3,16 +3,35 @@ const routes = [
     path: '/',
     component: () => import('layouts/MainLayout.vue'),
     children: [
-      { path: '', component: () => import('pages/IndexPage.vue') }
-    ]
+      { path: '', component: () => import('pages/IndexPage.vue') },
+      {
+        path: 'login',
+        name: 'login',
+        component: () => import('pages/LoginPage.vue'),
+      },
+      {
+        path: 'sign-up',
+        name: 'sign-up',
+        component: () => import('pages/SignUpPage.vue'),
+      },
+      {
+        path: 'password-reset',
+        name: 'password-reset',
+        component: () => import('pages/PasswordResetPage.vue'),
+      },
+      { 
+        path: 'wave', 
+        name: 'wave',
+        component: () => import('pages/WavePage.vue') 
+      },
+    ],
   },
 
-  // Always leave this as last one,
-  // but you can also remove it
+  // Always leave this as last one
   {
     path: '/:catchAll(.*)*',
-    component: () => import('pages/ErrorNotFound.vue')
-  }
+    component: () => import('pages/ErrorNotFound.vue'),
+  },
 ]
 
 export default routes