useScriptTag broken when src is ref

[shtse8]

Describe the bug

vueuse/packages/core/useScriptTag/index.ts

Line 101 in 8b21ca2

let el = document.querySelector<HTMLScriptElement>(`script[src="${src}"]`)

src here missing resolveUnref

const { scriptTag } = useScriptTag(computed(() => `https://connect.facebook.net/${locale.value?.code ?? 'en_US'}/sdk.js`), () => {
  FB.init({
    appId: '12345678901234567890',
    autoLogAppEvents: true,
    xfbml: false,
    version: 'v14.0',
  })
}, {
  async: true,
  defer: true,
  // manual: true,
})

error:

Uncaught (in promise) DOMException: Failed to execute 'querySelector' on 'Document': 'script[src="() => "https://connect.facebook.net/zh_TW/sdk.js""]' is not a valid selector.

Reproduction

as above.

System Info

System:
    OS: Linux 5.15 Ubuntu 22.04 LTS 22.04 LTS (Jammy Jellyfish)
    CPU: (8) x64 Intel(R) Xeon(R) CPU @ 2.20GHz
    Memory: 1.58 GB / 3.83 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 18.7.0 - ~/.nvm/versions/node/v18.7.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v18.7.0/bin/yarn
    npm: 8.15.1 - ~/.nvm/versions/node/v18.7.0/bin/npm
  Browsers:
    Firefox: 103.0
  npmPackages:
    @vueuse/components: ^9.0.2 => 9.0.2
    @vueuse/core: ^9.0.2 => 9.0.2
    @vueuse/motion: ^2.0.0-beta.12 => 2.0.0-beta.12
    @vueuse/nuxt: ^9.0.2 => 9.0.2

Used Package Manager

yarn

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.