fix(stage-web,stage-tamagotchi): Microsoft Speech not loading voices correctly

Co-authored-by: SuJiurong <92735869+sujiurong@users.noreply.github.com>

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)
 })
 

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)
 })
 

cspell.config.yaml

@@ -76,6 +76,7 @@ words:
   - DuckDBWASM
   - DuckDBWASMQ
   - DuckDBWASMQuery
+  - eastasia
   - elevenlabs
   - esaxx
   - Factorio

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>

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>