Is is possible to dynamically remove a script?

[blowsie]

My use case is that I am using cookiebot, and a locale en, de etc has to be passed with the request.
Which the user switches locale in the app via nuxt i18n, I would like to be able to remove the cookiebot script and DOM nodes, then fire another request for cookiebot in the new locale.

[harlan-zw]

You can call .remove() on the script instance to detach the tag + clean up DOM nodes, then re-call useScript() with the new locale:

const cookiebot = useScript({ src: '...', 'data-lang': locale.value })
watch(locale, async () => {
  cookiebot.remove()
  // re-instantiate with new locale
})

Closing — open an issue if you hit a specific edge case 🙏