提交一次全量代码

client/src/layouts/ReservationAppShell.vue

@@ -14,7 +14,7 @@
 
       <nav
         class="app-nav"
-        aria-label="Reservation navigation"
+        :aria-label="t('app.navigationAria')"
       >
         <RouterLink
           v-for="item in navItems"
@@ -52,21 +52,16 @@
 
           <div
             class="locale-switch"
-            aria-label="Language"
+            :aria-label="t('app.language')"
           >
             <button
+              v-for="option in localeOptions"
+              :key="option.value"
               type="button"
-              :class="{ active: locale === 'zh-CN' }"
-              @click="setLocale('zh-CN')"
+              :class="{ active: locale === option.value }"
+              @click="setLocale(option.value)"
             >
-              中文
-            </button>
-            <button
-              type="button"
-              :class="{ active: locale === 'en-US' }"
-              @click="setLocale('en-US')"
-            >
-              EN
+              {{ option.label }}
             </button>
           </div>
 
@@ -105,6 +100,12 @@ const { t, locale } = useI18n()
 const preferences = useAppPreferencesStore()
 const healthState = ref<'checking' | 'up' | 'down'>('checking')
 
+const localeOptions: Array<{ value: SupportedLocale; label: string }> = [
+  { value: 'zh-CN', label: '中文' },
+  { value: 'en-US', label: 'EN' },
+  { value: 'th-TH', label: 'ไทย' },
+]
+
 const navItems = [
   {
     to: '/reservation/orders',