fix format

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 -->
               註冊

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>

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"

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>