fix(useSpeechRecognition): improve start and stop method behavior (#4565

)
vueuse · Feb 7, 2025 · 4f10426 · 4f10426
1 parent 636b866
commit 4f10426
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/packages/core/useSpeechRecognition/index.ts b/packages/core/useSpeechRecognition/index.ts
@@ -62,13 +62,11 @@ export function useSpeechRecognition(options: UseSpeechRecognitionOptions = {})
   let recognition: SpeechRecognition | undefined
 
   const start = () => {
-    if (!isListening.value)
-      recognition?.start()
+    isListening.value = true
   }
 
   const stop = () => {
-    if (isListening.value)
-      recognition?.stop()
+    isListening.value = false
   }
 
   const toggle = (value = !isListening.value) => {
@@ -119,8 +117,11 @@ export function useSpeechRecognition(options: UseSpeechRecognitionOptions = {})
       recognition!.lang = toValue(lang)
     }
 
-    watch(isListening, () => {
-      if (isListening.value)
+    watch(isListening, (newValue, oldValue) => {
+      if (newValue === oldValue)
+        return
+
+      if (newValue)
         recognition!.start()
       else
         recognition!.stop()