nuxt-x-schema
Product
Schema.org Product JSON-LD component for e-commerce product structured data.
Product
The XSchemaProduct component injects a <script type="application/ld+json"> tag for product structured data. No visible output — SEO only.
Components
<XSchemaProduct />
Use on individual product pages. Enables rich results in Google Shopping and Search with price, availability, and ratings.
<XSchemaProduct
name="Wireless Headphones"
description="Premium noise-cancelling headphones"
:offers="{ price: '199.99', priceCurrency: 'USD' }"
sku="WH-1234"
/>
Props
| Prop | Type | Required | Description |
|---|---|---|---|
name | String | Yes | Product name |
description | String | Yes | Product description |
image | String | String[] | No | Product image URL(s) |
brand | String | Organization | No | Brand name or Organization object |
offers | Offer | Yes | Offer object with price and availability |
aggregateRating | AggregateRating | No | Rating object { ratingValue, reviewCount } |
review | Review[] | No | Array of Review objects |
sku | String | No | Stock-keeping unit identifier |
manufacturer | String | Organization | No | Manufacturer name or Organization |
category | String | No | Product category |
AI Context
component: XSchemaProduct
package: "@xenterprises/nuxt-x-schema"
output: JSON-LD script tag in <head>
use-when: Adding Product structured data on individual product pages for Google Shopping rich results
place: In page-level components (pages/ or layouts/), NOT in shared headers
notes:
- Renderless component — no visible DOM output; purely SEO metadata
- Injects JSON-LD server-side via useHead — SSR-safe, visible to crawlers on first paint
- offers object should include at minimum price and priceCurrency