Data attributes not added

[toniengelhardt]

🐛 The bug

I'm trying to figure out how to add data-* attributes to scripts with useScript() in app.vue.

The following should be working according to the docs, but it doesn't. The script is loaded, but the data-test attribute is missing.

// My code
useScript({
  'src': 'https://analytics.ahrefs.com/analytics.js',
  'data-test': 'some-value-here',
})

From the docs here:

There is also mention of an attributes key in UseScriptInput, which doesn't seem to exist:

🛠️ To reproduce

https://stackblitz.com/edit/nuxt-scripts-attributes-not-working?file=app.vue

🌈 Expected behavior

data-* properties should show up in the source and attributes should either work, or be removed from the docs.

ℹ️ Additional context

nuxt/scripts@v0.9.5

[joaopedrodcf]

Hey @toniengelhardt

I just checked your reproduction and the data-test does appear in the HTML :thumbnail

The data-* do indeed work as I been using them.

Regarding the docs: attributes property I may be wrong but the way I interpreted was that we can put any attributes we want in the useScript({}) and it passes it directly to the HMTL of the script, but maybe it can be more explicit don't know.

Hope this helps u

[toniengelhardt]

Thanks @joaopedrodcf,

I was looking at the source in Chrome, aka. view-source:https://promptmetheus.com and the data-* attribute is missing there, but in the dev console "Elements" it shows up. Probably it is added only client side and therefore missing in SSR.

But I tested the installation now with ahrefs and it seems to work.

Sorry for the confusion, closing...