login routing change

class_registration_app/src/components/LoginPage.vue

@@ -6,9 +6,8 @@
     <form class="loginbox" autocomplete="off">
       <input placeholder="Username" type="text" id="username" v-model="data.username" />
       <input placeholder="Password" type="password" id="password" v-model="data.password"/>
-      <RouterLink v-if="!authenticationFailed" to="./dashboard" @click.prevent="tryLogin"> <!--use v-if here-->
-        <button id="submit">Login</button>
-      </RouterLink>
+      <!--<RouterLink to="./dashboard" @click.prevent="tryLogin"> use v-if here @click.prevent="tryLogin" -->
+      <button @click.prevent="tryLogin" id="submit">Login</button>
     </form>
     <RouterLink to="/">Back</RouterLink>
   </section>
@@ -34,24 +33,19 @@ const tryLogin = async () => {
         // Enter query parameters here
       },
     });
-    console.log(response.data);
     const res = response.data;
+    const authenticationValid = (res.statusCode === 200);
 
-    if (authenticationSucceeds(res)) {
-      await router.push({path: '/dashboard'});
-    } else {
-      authenticationFailed = true;
+    if (authenticationValid === true) {
+      router.push({path: './dashboard'});
     }
 
   } catch (error) {
     console.error(error);
-    authenticationFailed = true;
+    const authenticationValid = false;
   }
 };
 
-const authenticationSucceeds = (response) => {
-  return response.data && response.data.statusCode === 200;
-};
 </script>
 
     <style scoped>