component.vue

component.vue

<script lang="ts" setup>
const jsonld = {
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "Books",
    "item": "https://example.com/books"
  }, {
    "@type": "ListItem",
    "position": 2,
    "name": "The Lord of the Rings",
    "item": "https://example.com/books/the-lord-of-the-rings"
  }]
}

useHead({
  script: [
    {
      hid: "breadcrumbs-json-ld",
      type: "application/ld+json",
      textContent: JSON.stringify(jsonld)
    }
  ]
})
</script>