Nuxt.js: How correctly use ld+json scripts

[ruslankonev]

Hi, I want to use in head() props of page script with ld+json content type. With documentation of vue-meta I set example:

script: [
  { innerHTML: '{ "@context": "http://schema.org" }', type: 'application/ld+json' }
]

but on rendered page I has output with

<script data-n-head="true" type="application/ld+json">{ &quot;@context&quot;: &quot;http://schema.org&quot; }</script>

As you can see, content inside tag was escaped and not valid. How I must set vue-meta for correct usage?

[psnoonan]

Did you find a solution to this?

[ruslankonev]

@psnoonan yes, you need add a __dangerouslyDisableSanitizers: ['script'], props (docs) to correct insert inner text. As example:

[psnoonan]

@ruslankonev It worked for me by changing "innerHTML" to just "inner"

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.