switch between auth views

diff --git a/src/router.ts b/src/router.ts
index 5f7dd7e2c416f2fa036a1708963c354792c242ef..f8aa2bf886fb86a1deb3fb77ab22fe5af2a02eca 100644 (file)
--- a/src/router.ts
+++ b/src/router.ts
@@ -16,13 +16,13 @@ const routes: Array<RouteRecordRaw> = [
     meta: { requiresAuth: true },
   },
   {
-    path: "/register",
+    path: "/login",
     name: "login",
     component: () => import("@/views/login.vue"),
     meta: { requiresAuth: false },
   },
   {
-    path: "/login",
+    path: "/register",
     name: "register",
     component: () => import("@/views/register.vue"),
     meta: { requiresAuth: false },

diff --git a/src/views/login.vue b/src/views/login.vue
index be10aee6068d3c9aa824da7b799f795557b577dc..d63851a63e15e59c985382e6d5ea50b32f16b261 100644 (file)
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -21,7 +21,7 @@
     <button class="button" @click="submit">Submit</button>
 
     <!-- back to login button: position: fixed  -->
-    <button class="button2" @click="submit">Create an account</button>  
+    <button class="button2" @click="switchView">Create an account</button>  
   </form>
 </template>
 
@@ -65,11 +65,16 @@ export default defineComponent({
         }
     };
 
+    const switchView = () => {
+      router.push({ name: "register" });
+    };
+
     return {
       submit,
       email,
       password,
-      rememberMe
+      rememberMe,
+      switchView
     };
   },
 });

diff --git a/src/views/register.vue b/src/views/register.vue
index 185dbfa368d6c522862df72b0e0ba2055c5492de..53cb9f81369fd1bf632227dd372f97f85689376f 100644 (file)
--- a/src/views/register.vue
+++ b/src/views/register.vue
@@ -21,7 +21,7 @@
     <button class="button" @click="submit">Submit</button>
 
     <!-- back to login button: position: fixed  -->
-    <button class="button2" @click="submit">Back to login</button>
+    <button class="button2" @click="switchView">Back to login</button>
   </div>
 </template>
 
@@ -39,10 +39,9 @@ import { useIpc } from "@/modules/ipc";
 import { useAuth } from "@/modules/auth";
 
 interface RegisterPayload {
+  request?: string;
   email?: string;
   password?: string;
-  firstName?: string;
-  lastName?: string;
 }
 
 export default defineComponent({
@@ -50,8 +49,6 @@ export default defineComponent({
   setup() {
     const email = ref("");
     const password = ref("");
-    const firstName = ref("");
-    const lastName = ref("");
     const rememberMe = ref("");
 
     const { invoke, data,} = useIpc("auth-user");
@@ -59,10 +56,9 @@ export default defineComponent({
     const router = useRouter();
 
     const payload: RegisterPayload = {
+      request: "register",
       email: email.value,
       password: password.value,
-      firstName: firstName.value,
-      lastName: lastName.value,
     };
 
     const submit = async () => {
@@ -75,11 +71,14 @@ export default defineComponent({
       }
     };
 
+    const switchView = () => {
+      router.push({ name: "login" });
+    };
+
     return {
       email,
       password,
-      firstName,
-      lastName,
+      switchView,
       submit,
     };
   },