recipes

eCommerce

🔨 Documentation in progress

Marking up a Product

The defineProduct function and SchemaOrgProduct component are provided to create Product Schema whilst handling relations for you.

Note that some fields may already be inferred, see Route Meta Resolving

Composition API
useSchemaOrg([
  defineProduct({
    name: 'Schema.org Book',
    description: 'Discover how to use Schema.org',
    image: [
      'https://example.com/photos/16x9/photo.jpg'
    ],
    offer: {
      price: '$10.00',
    },
  })
])