The status of useSpeechSynthesis is incorrect

[lainbo]

Describe the bug

The status of useSpeechSynthesis will remain at play when window.speechSynthesis.cancel() or window.speechSynthesis.pause() is executed.

In the official document, after starting to speak, clicking pause or stop will stop the sound, but the speak button will not be enabled again.

Official document has the same problem, so I didn't write another copy on codesendbox, but I can write reproducible example again if needed.

Maybe it has something to do with the Chrome update.

Reproduction

https://vueuse.org/core/useSpeechSynthesis/

System Info

System:
    OS: Windows 10 10.0.22621
    CPU: (12) x64 12th Gen Intel(R) Core(TM) i5-12400
    Memory: 2.40 GB / 15.75 GB
  Binaries:
    Node: 16.19.0 - D:\Softwares\nodejs\node.EXE
    Yarn: 1.22.19 - D:\Softwares\nodejs\yarn.CMD
    npm: 8.19.3 - D:\Softwares\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.22621.1194.0), Chromium (110.0.1587.41)
    Internet Explorer: 11.0.22621.1

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.