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

Author: ilyaliao

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