jsonld in Nuxt 2, super simple, no plugins
GreggHume

GreggHume @greggcbs

About: A developer who works with and on some of the worlds leading brands. My company is called Cold Brew Studios, see you out there :)

Joined:
Mar 10, 2021

jsonld in Nuxt 2, super simple, no plugins

Publish Date: Apr 26 '22
12 0

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/

Comments 0 total

    Add comment