feat(useSpeechSynthesis): add stop function (#2774)

vueuse · Feb 17, 2023 · 820e28e · 820e28e
1 parent 4e64349
commit 820e28e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/packages/core/useSpeechSynthesis/demo.vue b/packages/core/useSpeechSynthesis/demo.vue
@@ -39,7 +39,7 @@ const pause = () => {
 }
 
 const stop = () => {
-  window.speechSynthesis.cancel()
+  speech.stop()
 }
 </script>
 

diff --git a/packages/core/useSpeechSynthesis/index.md b/packages/core/useSpeechSynthesis/index.md
@@ -20,6 +20,7 @@ const {
   voiceInfo,
   utterance,
   error,
+  stop,
 
   toggle,
   speak,

diff --git a/packages/core/useSpeechSynthesis/index.ts b/packages/core/useSpeechSynthesis/index.ts
@@ -113,6 +113,11 @@ export function useSpeechSynthesis(text: MaybeComputedRef<string>, options: UseS
     utterance && synth!.speak(utterance.value)
   }
 
+  const stop = () => {
+    synth!.cancel()
+    isPlaying.value = false
+  }
+
   if (isSupported.value) {
     bindEventsForUtterance(utterance.value)
 
@@ -146,6 +151,7 @@ export function useSpeechSynthesis(text: MaybeComputedRef<string>, options: UseS
     utterance,
     error,
 
+    stop,
     toggle,
     speak,
   }