From e956af00a870e62ff8a88583ddcb078910cdc04e Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Fri, 18 Jul 2025 02:05:33 +0800
Subject: [PATCH] fix(stage-web,stage-tamagotchi): Microsoft Speech not loading
 voices correctly

Co-authored-by: SuJiurong <92735869+sujiurong@users.noreply.github.com>
---
 .../src/pages/settings/providers/microsoft-speech.vue       | 4 ++++
 .../src/pages/settings/providers/microsoft-speech.vue       | 6 +++++-
 cspell.config.yaml                                          | 1 +
 packages/ui/src/components/Form/Field/FieldInput.vue        | 2 +-
 packages/ui/src/components/Form/Input/Input.vue             | 2 +-
 5 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/apps/stage-tamagotchi/src/pages/settings/providers/microsoft-speech.vue b/apps/stage-tamagotchi/src/pages/settings/providers/microsoft-speech.vue
index 3e9f36932..0fb2a7a31 100644
--- a/apps/stage-tamagotchi/src/pages/settings/providers/microsoft-speech.vue
+++ b/apps/stage-tamagotchi/src/pages/settings/providers/microsoft-speech.vue
@@ -52,6 +52,10 @@ const availableVoices = computed(() => {
 })
 
 onMounted(async () => {
+  if (!region.value) {
+    region.value = 'eastasia' // Default region
+  }
+
   await speechStore.loadVoicesForProvider(providerId)
 })
 
diff --git a/apps/stage-web/src/pages/settings/providers/microsoft-speech.vue b/apps/stage-web/src/pages/settings/providers/microsoft-speech.vue
index 3e9f36932..177f3e436 100644
--- a/apps/stage-web/src/pages/settings/providers/microsoft-speech.vue
+++ b/apps/stage-web/src/pages/settings/providers/microsoft-speech.vue
@@ -34,7 +34,7 @@ const volume = ref(0)
 
 // Additional settings specific to Microsoft Speech (region)
 const region = computed({
-  get: () => providers.value[providerId]?.region as string | undefined || 'eastasia',
+  get: () => providers.value[providerId]?.region as string | undefined,
   set: (value) => {
     if (!providers.value[providerId])
       providers.value[providerId] = { region: 'eastasia' }
@@ -52,6 +52,10 @@ const availableVoices = computed(() => {
 })
 
 onMounted(async () => {
+  if (!region.value) {
+    region.value = 'eastasia' // Default region
+  }
+
   await speechStore.loadVoicesForProvider(providerId)
 })
 
diff --git a/cspell.config.yaml b/cspell.config.yaml
index 0baeba269..0ec39ad33 100644
--- a/cspell.config.yaml
+++ b/cspell.config.yaml
@@ -76,6 +76,7 @@ words:
   - DuckDBWASM
   - DuckDBWASMQ
   - DuckDBWASMQuery
+  - eastasia
   - elevenlabs
   - esaxx
   - Factorio
diff --git a/packages/ui/src/components/Form/Field/FieldInput.vue b/packages/ui/src/components/Form/Field/FieldInput.vue
index 8a710ccca..fcc4d1139 100644
--- a/packages/ui/src/components/Form/Field/FieldInput.vue
+++ b/packages/ui/src/components/Form/Field/FieldInput.vue
@@ -13,7 +13,7 @@ const props = withDefaults(defineProps<{
   singleLine: true,
 })
 
-const modelValue = defineModel<string>({ required: true })
+const modelValue = defineModel<string>({ required: false })
 </script>
 
 <template>
diff --git a/packages/ui/src/components/Form/Input/Input.vue b/packages/ui/src/components/Form/Input/Input.vue
index 60c3bfe1e..a4583f691 100644
--- a/packages/ui/src/components/Form/Input/Input.vue
+++ b/packages/ui/src/components/Form/Input/Input.vue
@@ -3,7 +3,7 @@ const props = defineProps<{
   type?: string
 }>()
 
-const modelValue = defineModel<string>({ required: true })
+const modelValue = defineModel<string>({ required: false })
 </script>
 
 <template>