{"library":"nuxt-schema-org","title":"Nuxt Schema.org","description":"Nuxt Schema.org is a Nuxt module designed to streamline the generation of Schema.org JSON-LD graphs within Nuxt applications, enhancing search engine rich result visibility. The package is currently at version 6.0.4 and demonstrates an active release cadence with frequent bug fixes and major version updates introducing new features and performance improvements. Key differentiators include a simplified API adhering to Google and Yoast best practices, support for over 30 Schema.org nodes with automated relations, date/URL resolving, and minimal boilerplate for global meta. It is optimized for tree-shaking and server-side rendering (SSR), and integrates with Nuxt Dev Tools, positioning it as a core component of the broader Nuxt SEO ecosystem. It relies on Nuxt 3 and its composable architecture.","language":"javascript","status":"active","last_verified":"Sun Apr 19","install":{"commands":["npm install nuxt-schema-org"],"cli":null},"imports":["import { defineNuxtConfig } from 'nuxt'","import { useSchemaOrg } from '#imports'","import { defineWebSite } from '#imports'","import { SchemaOrgOrganization } from '#imports'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"/* nuxt.config.ts */\nimport { defineNuxtConfig } from 'nuxt';\n\nexport default defineNuxtConfig({\n  modules: [\n    'nuxt-schema-org' // Add the module to your Nuxt configuration\n  ],\n  schemaOrg: {\n    host: 'https://your-domain.com' // Crucial for generating correct '@id' URLs\n  }\n});\n\n/* pages/index.vue */\n<template>\n  <div>\n    <h1>Welcome to My Awesome Nuxt App</h1>\n    <p>We generate powerful Schema.org data for SEO.</p>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSchemaOrg, defineWebSite, defineWebPage, defineOrganization } from '#imports';\n\n// Define multiple Schema.org nodes for the current page\nuseSchemaOrg([\n  defineWebSite({\n    name: 'My Awesome Nuxt Site',\n    url: 'https://your-domain.com',\n    description: 'A comprehensive website built with Nuxt.',\n    inLanguage: 'en-US'\n  }),\n  defineWebPage({\n    name: 'Homepage',\n    url: 'https://your-domain.com/',\n    description: 'The main landing page of our Nuxt application.'\n  }),\n  defineOrganization({\n    name: 'Nuxt Solutions Inc.',\n    url: 'https://your-domain.com',\n    logo: 'https://your-domain.com/logo.png',\n    sameAs: [\n      'https://twitter.com/nuxt_solutions',\n      'https://linkedin.com/company/nuxt-solutions'\n    ]\n  })\n]);\n\n// You can also add schema directly in your template using components\n// <template>\n//   <SchemaOrgProduct name=\"My Product\" description=\"A great product\" />\n// </template>\n</script>","lang":"typescript","description":"This quickstart demonstrates how to install `nuxt-schema-org`, configure it in `nuxt.config.ts` with a `host`, and then use `useSchemaOrg` within a Vue component to define `WebSite`, `WebPage`, and `Organization` schema nodes. It highlights the use of composables imported from `#imports`.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}