From a7039714aa8b18398e774f9d423828f98a22a97e Mon Sep 17 00:00:00 2001
From: neilchen0812 <neil.chentl@gmail.com>
Date: Fri, 9 Oct 2026 17:12:28 +1030
Subject: [PATCH] refactor: read selected locale inside session store

---
 app/src/components/game/ControlPalette.vue | 2 +-
 app/src/components/game/StartButton.vue    | 4 ++--
 app/src/store/session.ts                   | 4 +++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/src/components/game/ControlPalette.vue b/app/src/components/game/ControlPalette.vue
index f93d840..9bd2542 100644
--- a/app/src/components/game/ControlPalette.vue
+++ b/app/src/components/game/ControlPalette.vue
@@ -35,7 +35,7 @@ const reset = async () => {
       return
     }
 
-    await sessionStore.createSession(selectedLocale)
+    await sessionStore.createSession()
   } catch (error) {
     console.error('Failed to reset quest:', error)
     toast.error(t('game.reset_failed'))
diff --git a/app/src/components/game/StartButton.vue b/app/src/components/game/StartButton.vue
index bdb4e63..4377fb5 100644
--- a/app/src/components/game/StartButton.vue
+++ b/app/src/components/game/StartButton.vue
@@ -4,7 +4,7 @@ import { useToast } from 'vue-toastification'
 import { computed } from 'vue'
 import { useSession } from '../../store/session'
 
-const { t, locale } = useI18n()
+const { t } = useI18n()
 
 const toast = useToast()
 const sessionStore = useSession()
@@ -13,7 +13,7 @@ const showCover = computed(() => sessionStore.session === null)
 
 const startSession = async () => {
   try {
-    await sessionStore.createSession(locale.value)
+    await sessionStore.createSession()
   } catch (err: any) {
     console.error(err)
     toast.error(err.message)
diff --git a/app/src/store/session.ts b/app/src/store/session.ts
index 5444d04..52c4943 100644
--- a/app/src/store/session.ts
+++ b/app/src/store/session.ts
@@ -10,6 +10,7 @@ import Socket from '../utils/socket'
 import SocketTerminal from '../utils/terminal'
 import type { Session } from '../types'
 import { trpc } from '../utils/trpc'
+import { i18n } from '../i18n'
 
 const socket = new Socket()
 const term = new SocketTerminal()
@@ -65,7 +66,8 @@ export const useSession = defineStore('session', {
       )
       term.focus()
     },
-    async createSession(locale: QuestLocale) {
+    async createSession() {
+      const locale = i18n.global.locale.value
       const session = await trpc.session.createSession.mutate({
         questId: this.questId,
         locale,