From b3175543ef0d594d5e9bfa2b4285328b058ceece Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Thu, 6 Jun 2024 19:26:28 +0200
Subject: [PATCH] Fixed login form submitting, broke login styling

---
 src/components/screens/Login.vue | 37 ++++++++++++++++----------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/components/screens/Login.vue b/src/components/screens/Login.vue
index 5683328..1eae096 100644
--- a/src/components/screens/Login.vue
+++ b/src/components/screens/Login.vue
@@ -1,25 +1,25 @@
 <template>
   <div class="content-wrapper">
     <h1 class="main-title">NEW QUEST</h1>
-    <div class="content-elements">
-      <div class="login-form">
-        <form method="post">
-          <div class="form-field">
-            <label for="username">Username</label>
-            <input id="username" v-model="username" type="text" name="username" required autofocus />
-          </div>
-          <div class="form-field">
-            <label for="password">Password</label>
-            <input id="password" v-model="password" type="password" name="password" required />
-          </div>
-        </form>
+    <form @submit.prevent="loginFunc">
+      <div class="content-elements">
+        <div class="login-form">
+            <div class="form-field">
+              <label for="username">Username</label>
+              <input id="username" v-model="username" type="text" name="username" required autofocus />
+            </div>
+            <div class="form-field">
+              <label for="password">Password</label>
+              <input id="password" v-model="password" type="password" name="password" required />
+            </div>
+        </div>
+        <div class="row-buttons">
+          <button class="button btn-purple" type="submit"><span>LOGIN</span></button>
+          <button class="button btn-purple" @click="registerFunc"><span>REGISTER</span></button>
+          <button class="button btn-purple"><span>CREDITS</span></button>
+        </div>
       </div>
-      <div class="row-buttons">
-        <button class="button btn-purple" @click="loginFunc"><span>LOGIN</span></button>
-        <button class="button btn-purple" @click="registerFunc"><span>REGISTER</span></button>
-        <button class="button btn-purple"><span>CREDITS</span></button>
-      </div>
-    </div>
+    </form>
   </div>
   <audio ref="bgm" id="bgm" src="/assets/music/bgm.mp3" loop autoplay></audio>
   <img draggable="false" src="/assets/bglogin.png" id="bg-img" alt="New Quest login background" />
@@ -44,6 +44,7 @@ const username = ref('')
 const password = ref('')
 
 async function loginFunc() {
+  console.log('yeet')
   // check if username and password are valid
   if (username.value === '' || password.value === '') {
     notifications.addNotification({ message: 'Please enter a valid username and password' })