From 9319c33fd4c75ad821ad29cbd97fa0811400b9e5 Mon Sep 17 00:00:00 2001
From: laihanbin <512412344@qq.com>
Date: Wed, 10 Apr 2024 15:07:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20nav=20header=20=E8=AF=AD=E8=A8=80?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=88=87=E6=8D=A2=E6=97=B6=E6=9C=AA=E5=AD=98?=
 =?UTF-8?q?=E5=82=A8=E5=88=B0=E6=9C=AC=E5=9C=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NavHeader.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/NavHeader.vue b/src/components/NavHeader.vue
index 023cc9a..93e39ce 100644
--- a/src/components/NavHeader.vue
+++ b/src/components/NavHeader.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { gameSoundsInjectionKey } from '@/composables/use-game-sounds'
 import { i18NInjectionKey } from '@/composables/use-i18n'
+import type { Language } from '@/composables/use-local-cache'
 import { languages } from '@/config/game'
 
 const {
@@ -8,7 +9,7 @@ const {
   toggleSounds,
 } = inject(gameSoundsInjectionKey)!
 
-const { lang, $t } = inject(i18NInjectionKey)!
+const { lang, setLanguage, $t } = inject(i18NInjectionKey)!
 </script>
 
 <template>
@@ -20,7 +21,7 @@ const { lang, $t } = inject(i18NInjectionKey)!
     </h1>
 
     <div class="pt-2 flex items-center gap-2">
-      <Select v-model="lang" :options="languages" />
+      <Select v-model="lang" :options="languages" @update:model-value="(e: unknown) => setLanguage(e as Language)" />
 
       <Button @click="toggleSounds()">
         <i class="block" :class="enableSounds ? 'i-solar-volume-loud-broken' : 'i-solar-volume-cross-broken text-red-500'" />