From f7907a5999b2dfb2c742b66c43e3675eb3ff65e2 Mon Sep 17 00:00:00 2001
From: Annie <an-hua.huang@ibm.com>
Date: Tue, 21 Nov 2023 14:01:17 +0800
Subject: [PATCH] fix format

---
 app/src/components/AuthForm.vue       | 24 +++++++++++++++++++-----
 app/src/components/CompleteModal.vue  |  5 ++++-
 app/src/components/GameHeaderPart.vue |  3 ++-
 app/src/views/LoginPage.vue           |  2 +-
 4 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/app/src/components/AuthForm.vue b/app/src/components/AuthForm.vue
index d1a0dfb..d2e99a5 100644
--- a/app/src/components/AuthForm.vue
+++ b/app/src/components/AuthForm.vue
@@ -99,7 +99,8 @@ const handleChange = () => {
     </div>
     <form @submit.prevent="handleSubmit()" class="w-full">
       <div v-if="socialLogin && hasSocialLogins">
-        <a id="GoogleLogin"
+        <a
+          id="GoogleLogin"
           v-if="availableMethods.google"
           class="inline-flex justify-center items-center rounded-lg py-2 mt-3 bg-bg-primary text-text-secondary w-full border-text-secondary border-2"
           href="/api/v1/auth/google"
@@ -113,7 +114,8 @@ const handleChange = () => {
             以Google繼續
           </span>
         </a>
-        <a id="GitHubLogin"
+        <a
+          id="GitHubLogin"
           v-if="availableMethods.github"
           class="inline-flex justify-center items-center rounded-lg py-2 mt-3 bg-bg-primary text-text-secondary w-full border-text-secondary border-2"
           href="/api/v1/auth/github"
@@ -211,7 +213,11 @@ const handleChange = () => {
           @input="handleChange()"
         />
       </div>
-      <p id="ErrorDisplay" class="text-error flex justify-center" v-if="errorMessage">
+      <p
+        id="ErrorDisplay"
+        class="text-error flex justify-center"
+        v-if="errorMessage"
+      >
         {{ errorMessage }}
       </p>
       <button
@@ -233,7 +239,11 @@ const handleChange = () => {
         <span id="CheckRegistered" v-if="type === 'register'">
           <!-- Already have an account? -->
           已經有帳號了嗎？
-          <RouterLink id="SwitchtoLogin" class="text-text-primary font-bold" to="/login">
+          <RouterLink
+            id="SwitchtoLogin"
+            class="text-text-primary font-bold"
+            to="/login"
+          >
             <u>
               <!-- Log in -->
               登入
@@ -243,7 +253,11 @@ const handleChange = () => {
         <span id="CheckRegistered" v-else-if="type === 'login'">
           <!-- Don't have an account? -->
           還沒有帳號嗎？
-          <RouterLink id="SwitchtoRegister" class="text-text-primary font-bold" to="/register">
+          <RouterLink
+            id="SwitchtoRegister"
+            class="text-text-primary font-bold"
+            to="/register"
+          >
             <u>
               <!-- Sign up -->
               註冊
diff --git a/app/src/components/CompleteModal.vue b/app/src/components/CompleteModal.vue
index fe1f9ff..628e11f 100644
--- a/app/src/components/CompleteModal.vue
+++ b/app/src/components/CompleteModal.vue
@@ -18,7 +18,10 @@ setTimeout(() => {
   <div v-if="showModal" class="modal">
     <div class="modal-content bg-bg-secondary rounded-lg">
       <span class="close text-text" @click="closeModal">&times;</span>
-      <h2 id="QuestCompleted" class="text-2xl text-text mb-5 w-full inline-flex justify-center">
+      <h2
+        id="QuestCompleted"
+        class="text-2xl text-text mb-5 w-full inline-flex justify-center"
+      >
         <!-- Quest Completed! -->
         關卡完成！
       </h2>
diff --git a/app/src/components/GameHeaderPart.vue b/app/src/components/GameHeaderPart.vue
index 296484c..83eab30 100644
--- a/app/src/components/GameHeaderPart.vue
+++ b/app/src/components/GameHeaderPart.vue
@@ -37,7 +37,8 @@ const handleLogout = async () => {
             class="text-text-tertiary h-full w-full"
           />
         </button> -->
-        <p id="HeaderText"
+        <p
+          id="HeaderText"
           class="text-text-primary inline-block font-bold whitespace-nowrap"
           style="font-size: 2vh"
           v-if="sessionStore.quest"
diff --git a/app/src/views/LoginPage.vue b/app/src/views/LoginPage.vue
index a16357a..adedc60 100644
--- a/app/src/views/LoginPage.vue
+++ b/app/src/views/LoginPage.vue
@@ -42,7 +42,7 @@ const handleLogin = async ({ username, password, success, error }) => {
       class="w-screen h-screen absolute top-0 left-0 flex flex-wrap justify-center content-center"
     >
       <div class="w-fit">
-        <AuthForm  @onSubmit="handleLogin" type="login" />
+        <AuthForm @onSubmit="handleLogin" type="login" />
       </div>
     </div>
   </div>