`vueuse/head` doesn't support events when creating an element

[ms-fadaei]

Hi everybody. I recently worked on new features that bring script loading strategy to the Nuxt. The problem is when I add some events to the script component (provided by nuxt as sugar syntax of useMeta), it turned into attributes and prints the event function string on the element.

<script src="./mock.js?t=49" strategy="immediate" onload="function() { console.log('loaded')"></script>

[egoist]

hmm I think that should be implemented as a standalone <Script /> component outside vueuse/head.

[ms-fadaei]

Nuxt already did this. But the point is there is a problem when using events. As Vue 3 described, events attached to the component and not present in emits list, must be attached to the root element of the component. I think the script element created via vueuse/head should support events.

[egoist]

I got your point 👌

[harlan-zw]

This is available with the useHeadRaw function.

Let me know if you have any questions