SpeechSynthesis Demo - changing Language reverts to first selection on Speak

[saschwarz]

Describe the bug

I was looking at: https://vueuse.org/core/usespeechsynthesis/#demo
and noticed if I change the Language input from the default (first) selection in the select list as soon as I press the Speak button the selection changes back to the first selection and the voice used is also the first selection.

I have tested it on my OSX machine using Safari and Chrome with the same result.

Reproduction

https://vueuse.org/core/usespeechsynthesis/#demo

System Info

System:
    OS: macOS 12.4
    CPU: (12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
    Memory: 31.05 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.3.0 - ~/.nvm/versions/node/v18.3.0/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.11.0 - ~/.nvm/versions/node/v18.3.0/bin/npm
    Watchman: 2022.06.27.00 - /usr/local/bin/watchman
  npmPackages:
    @vueuse/core: ^8.9.3 => 8.9.3 
    vue: ^3.2.21 => 3.2.37

Used Package Manager

npm

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.

[saschwarz]

Clarifying: if you select a different voice and that voice has the same lang as the already selected voice then the language select list reverts to the initial voice in that language and the voice used is the first one with the matching lang.

[sibbng]

I fixed this in #1882 but it's on next branch and will be released as part of v9. I just made another PR (#1930) to fix v8 demo.