nuxt-x-schema
Schema.org structured data components for SEO — 16 JSON-LD components for Nuxt.
nuxt-x-schema
16 Schema.org JSON-LD components for Nuxt. Inject structured data for rich Google search results.
Installation
npm install @xenterprises/nuxt-x-schema
Components
Each component injects a <script type="application/ld+json"> block:
<!-- Article schema -->
<XSchemaArticle
:headline="post.title"
:author="post.author"
:datePublished="post.publishedAt"
:image="post.coverImage"
/>
<!-- Organization schema -->
<XSchemaOrganization
name="My Company"
url="https://example.com"
logo="https://example.com/logo.png"
/>
<!-- Product schema -->
<XSchemaProduct
:name="product.name"
:description="product.description"
:price="product.price"
:image="product.images[0]"
:rating="product.averageRating"
/>
<!-- Local Business -->
<XSchemaLocalBusiness
name="My Restaurant"
:address="address"
:telephone="phone"
:openingHours="hours"
/>
All Components
| Component | Schema.org Type |
|---|---|
XSchemaArticle | Article |
XSchemaBlogPosting | BlogPosting |
XSchemaBreadcrumb | BreadcrumbList |
XSchemaFAQ | FAQPage |
XSchemaLocalBusiness | LocalBusiness |
XSchemaOrganization | Organization |
XSchemaProduct | Product |
XSchemaPerson | Person |
XSchemaWebPage | WebPage |
XSchemaWebSite | WebSite |
XSchemaEvent | Event |
XSchemaReview | Review |
XSchemaHowTo | HowTo |
XSchemaJobPosting | JobPosting |
XSchemaRecipe | Recipe |
XSchemaVideoObject | VideoObject |
AI Context
package: "@xenterprises/nuxt-x-schema"
use-when: Adding structured data for SEO (rich snippets in Google)
all-components-auto-imported: true
output: injects JSON-LD script tags in head
components: 16 matching Schema.org types
pattern: place in page components, pass data as props