DEV Community

GreggHume
GreggHume

Posted on • Edited on

jsonld in Nuxt 2, super simple, no plugins

#nuxt #vue #jsonld #schema

On a page in the head method you can add jsonld like this:

 head() { return { script: [{ type: 'application/ld+json', innerHTML: JSON.stringify(this.jsonld) // <- set jsonld object in data or wherever you want }], __dangerouslyDisableSanitizers: ['script'], // <- this is important }; },
Enter fullscreen mode Exit fullscreen mode

In your browser use a data sniffer extension to see the results:

Chrome:
https://chrome.google.com/webstore/detail/openlink-structured-data/egdaiaihbdoiibopledjahjaihbmjhdj?hl=en

Firefox:
https://addons.mozilla.org/en-US/firefox/addon/openlink-structured-data-sniff/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

More info on Nuxt Head:
https://nuxtjs.org/docs/components-glossary/head/

Top comments (0)