fix: tts not working on macOS Chrome

Author: zyronon

packages/core/src/hooks/sound.ts

@@ -116,6 +116,16 @@ export function usePlayWordAudio() {
   return playAudio
 }
 
+function getVoicesAsync() {
+  return new Promise(resolve => {
+    const voices = speechSynthesis.getVoices()
+    if (voices.length) return resolve(voices)
+
+    speechSynthesis.onvoiceschanged = () => {
+      resolve(speechSynthesis.getVoices())
+    }
+  })
+}
 export function useTTsPlayAudio() {
   const settingStore = useSettingStore()
 
@@ -126,11 +136,13 @@ export function useTTsPlayAudio() {
     msg.volume = settingStore.wordSoundVolume / 100
     msg.pitch = 1
     msg.lang = 'en-US'
-    let voiceList = speechSynthesis.getVoices().filter(v => v.lang === 'en-US')
-    if (voiceList && voiceList.length) {
-      msg.voice = voiceList.find(v => v.name.includes('Emma ')) || voiceList[0]
-    }
-    speechSynthesis.speak(msg)
+    getVoicesAsync().then(voices => {
+      let voiceList = voices.filter(v => v.lang === 'en-US')
+      if (voiceList && voiceList.length) {
+        msg.voice = voiceList.find(v => v.name.includes('Emma') || v.name.includes('US')) ?? voiceList[0]
+      }
+      speechSynthesis.speak(msg)
+    })
   }
 
   return play

packages/core/src/stores/base.ts

@@ -4,7 +4,7 @@ import { getDefaultDict } from '../types'
 import { _getStudyProgress, checkAndUpgradeSaveDict } from '../utils'
 import { shallowReactive } from 'vue'
 import { get } from 'idb-keyval'
-import { AppEnv, DictId, SAVE_DICT_KEY } from '../config/env'
+import { AppEnv, DictId, IS_DEV, SAVE_DICT_KEY } from '../config/env'
 import { add2MyDict, dictListVersion, myDictList } from '../apis'
 import { Toast } from '@typewords/base'
 import type { Card } from 'ts-fsrs'
@@ -169,7 +169,13 @@ export const useBaseStore = defineStore('base', {
       })
       //必须先 reset, 只 $patch 无法将 state 恢复到默认值
       this.$reset()
-      this.$patch(obj)
+      console.time('$patch')
+      if (IS_DEV) {
+        this.$state = obj
+      } else {
+        this.$patch(obj)
+      }
+      console.timeEnd('$patch')
     },
     async init() {
       return new Promise(async resolve => {

packages/core/src/utils/eventBus.ts

@@ -33,13 +33,11 @@ export function useEventsByWatch(arrs: any[], watchVal: any) {
   watch(
     watchVal,
     newVal => {
-      console.log('watch', newVal)
       if (newVal) {
         arrs.map(arr => emitter.on(arr[0], arr[1]))
       } else {
         arrs.map(arr => emitter.off(arr[0], arr[1]))
       }
-      console.log('emitter-all', emitter.all)
     },
     {
       immediate: true,