From b47e52406f6f395a2b14d30dbcbed238d56d2d44 Mon Sep 17 00:00:00 2001
From: neilchen0812 <neil.chentl@gmail.com>
Date: Sat, 10 Oct 2026 00:28:26 +1030
Subject: [PATCH 1/3] feat: add translation for CompleteModal component

---
 app/src/components/game/CompleteModal.vue | 12 +++++++-----
 app/src/i18n/locales/en.json              |  6 +++++-
 app/src/i18n/locales/zh-TW.json           |  6 +++++-
 3 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/app/src/components/game/CompleteModal.vue b/app/src/components/game/CompleteModal.vue
index 9dc5170..7a45859 100644
--- a/app/src/components/game/CompleteModal.vue
+++ b/app/src/components/game/CompleteModal.vue
@@ -32,7 +32,7 @@ const backtoMap = async () => {
   try {
     router.push({ name: 'map' })
   } catch (err) {
-    toast.error('無法讀取地圖')
+    toast.error(t('quest_map.load_quest_map_failed'))
     console.error(err)
   }
 }
@@ -52,7 +52,7 @@ setTimeout(() => {
         id="QuestCompleted"
         class="text-2xl text-text mb-5 w-full inline-flex justify-center"
       >
-        關卡完成！
+        {{ t('game.quest_completed') }}
       </h2>
       <div class="z-10 right-1/2 top-1/2" @animationend="defineComponent">
         <Vue3Lottie
@@ -61,16 +61,18 @@ setTimeout(() => {
           :width="200"
         />
       </div>
-      <p class="text-base text-text text-center">恭喜你完成這一關！</p>
       <p class="text-base text-text text-center">
-        接下來回到地圖，迎接新的挑戰吧！
+        {{ t('game.quest_completed_desc_1') }}
+      </p>
+      <p class="text-base text-text text-center">
+        {{ t('game.quest_completed_desc_2') }}
       </p>
       <a
         id="BacktoMap"
         target="_blank"
         @click="backtoMap"
         class="inline-flex justify-center rounded-lg text-base font-black py-2 mt-3 bg-text-primary w-full"
-        >回到地圖</a
+        >{{ t('game.back_to_map') }}</a
       >
     </div>
     <div style="position: relative; height: 100vh; overflow: auto">
diff --git a/app/src/i18n/locales/en.json b/app/src/i18n/locales/en.json
index 281c0f1..715ff82 100644
--- a/app/src/i18n/locales/en.json
+++ b/app/src/i18n/locales/en.json
@@ -103,6 +103,10 @@
     "cheatsheets": "Cheat Sheets",
     "reset_to_apply_language": "Reset quest to apply language changes",
     "reset_failed": "Reset failed",
-    "language_unavailable": "This quest does not support the selected language, please choose another language"
+    "language_unavailable": "This quest does not support the selected language, please choose another language",
+    "quest_completed": "Quest Completed",
+    "quest_completed_desc_1": "Congratulations! You have completed this quest!",
+    "quest_completed_desc_2": "Return to the map to face new challenges!",
+    "back_to_map": "Back to Map"
   }
 }
diff --git a/app/src/i18n/locales/zh-TW.json b/app/src/i18n/locales/zh-TW.json
index a4c4d10..8fa9dbf 100644
--- a/app/src/i18n/locales/zh-TW.json
+++ b/app/src/i18n/locales/zh-TW.json
@@ -103,6 +103,10 @@
     "cheatsheets": "指令列表",
     "reset_to_apply_language": "重置關卡以套用語言變更",
     "reset_failed": "重置失敗",
-    "language_unavailable": "此關卡不支援所選語言，請選擇其他語言"
+    "language_unavailable": "此關卡不支援所選語言，請選擇其他語言",
+    "quest_completed": "關卡完成",
+    "quest_completed_desc_1": "恭喜你完成了這個關卡！",
+    "quest_completed_desc_2": "回到地圖，迎接新的挑戰吧！",
+    "back_to_map": "回到地圖"
   }
 }

From 54f73504ecdd02650bc1922fb0cc4b346c4abcda Mon Sep 17 00:00:00 2001
From: neilchen0812 <neil.chentl@gmail.com>
Date: Sat, 10 Oct 2026 00:29:25 +1030
Subject: [PATCH 2/3] fix: add header for ChooseUsernamePage

---
 app/src/views/ChooseUsernamePage.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/src/views/ChooseUsernamePage.vue b/app/src/views/ChooseUsernamePage.vue
index ebbc6e3..b02552e 100644
--- a/app/src/views/ChooseUsernamePage.vue
+++ b/app/src/views/ChooseUsernamePage.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { isValidUsername } from '../../../packages/utils'
 import AuthForm from '../components/AuthForm.vue'
-import Background from '../components/DynamicBackground.vue'
+import DynamicBackground from '../components/DynamicBackground.vue'
+import HeaderPart from '../components/header/HeaderPart.vue'
 import { TooManyRequestsError, ValidationError } from '../utils/errors'
 import { checkUsername, chooseUsername } from '../utils/auth'
 
@@ -63,10 +64,11 @@ async function handleSubmit({
 
 <template>
   <div class="w-screen h-screen">
-    <Background class="w-full h-full" />
+    <DynamicBackground class="w-full h-full" />
     <div
       class="h-screen w-screen absolute top-0 left-0 flex flex-wrap justify-center content-center"
     >
+      <HeaderPart />
       <div class="w-fit">
         <AuthForm
           @onSubmit="handleSubmit"

From 85dda9486e0cac427a1326235d2e52b89eeb1554 Mon Sep 17 00:00:00 2001
From: neilchen0812 <neil.chentl@gmail.com>
Date: Sat, 10 Oct 2026 00:30:02 +1030
Subject: [PATCH 3/3] feat: add translation for ChooseUsernamePage

---
 app/src/views/ChooseUsernamePage.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/src/views/ChooseUsernamePage.vue b/app/src/views/ChooseUsernamePage.vue
index b02552e..acefb57 100644
--- a/app/src/views/ChooseUsernamePage.vue
+++ b/app/src/views/ChooseUsernamePage.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n'
 import { isValidUsername } from '../../../packages/utils'
 import AuthForm from '../components/AuthForm.vue'
 import DynamicBackground from '../components/DynamicBackground.vue'
@@ -6,6 +7,8 @@ import HeaderPart from '../components/header/HeaderPart.vue'
 import { TooManyRequestsError, ValidationError } from '../utils/errors'
 import { checkUsername, chooseUsername } from '../utils/auth'
 
+const { t } = useI18n()
+
 async function check({
   username,
   error,
@@ -16,21 +19,21 @@ async function check({
 }) {
   if (username) {
     if (!isValidUsername(username)) {
-      error('無效的帳號名稱')
+      error(t('authform_error.invalid_username'))
       return
     }
     try {
       await checkUsername(username)
     } catch (err) {
       if (err instanceof TooManyRequestsError) {
-        error('太多請求，兩分鐘後再試一次。')
+        error(t('authform_error.too_many_requests'))
         return
       }
       if (err instanceof ValidationError) {
         error(err.message)
         return
       }
-      error('出了點問題，請再試一次。')
+      error(t('authform_error.auth_failed'))
     }
   }
 }
@@ -50,7 +53,7 @@ async function handleSubmit({
     success()
   } catch (err: any) {
     if (err instanceof TooManyRequestsError) {
-      error('太多請求，兩分鐘後再試一次。')
+      error(t('authform_error.too_many_requests'))
       return
     }
     if (err instanceof ValidationError) {