Adding Attributes to Vue-DatoCMS

🆘 Support
1

Hi, how can I add these HTML Attributes when using toHead from “vue-datocms”? Like I need to customize “data-wf-page” code on different page/templates. Thanks

Capture d’écran, le 2021-06-01 à 17.03.23
Capture d’écran, le 2021-06-01 à 17.03.231393×770 186 KB

2

Hi! Simply merge the result of toHead with your own properties:

const datoMetaInfo = toHead(...);

return {
  ...datoMetaInfo, 
  htmlAttrs: {...},
  link: [...datoMetaInfo.link, { rel: 'canonical', ... } ],
};

Hope this helps!

3

Wow, thanks! As always, a really helpful solution. I learned a lot with DatoCMS since 3 years.

1 Like