nuxt-x-affiliate
Breadcrumbs
BreadcrumbList nav with auto-emission of schema.org BreadcrumbList JSON-LD.
Breadcrumbs
The XAFBreadcrumbs component renders a horizontal breadcrumb trail (Home → Reviews → Wireless Keyboards) with the last item marked as the current page. Auto-emits a BreadcrumbList schema.org JSON-LD payload via useBreadcrumbSchema() so search engines can show breadcrumb SERPs.
Components
<XAFBreadcrumbs />
<XAFBreadcrumbs :items="[
{ label: 'Home', href: '/' },
{ label: 'Reviews', href: '/reviews' },
{ label: 'Wireless Keyboards' },
]" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | BreadcrumbItem[] | required | Each item is { label, href? }. Last item is rendered as the current page. |
separator | string | '/' | Visual separator between items. |
asNav | boolean | true | Render as <nav aria-label="Breadcrumb"> for a11y. |
emitSchema | boolean | true | Auto-emit BreadcrumbList schema. |
Item shape
interface BreadcrumbItem {
label: string
href?: string
}
AI Context
component: XAFBreadcrumbs
package: "@xenterprises/nuxt-x-affiliate"
use-when: Breadcrumb nav with auto-emission of BreadcrumbList schema for breadcrumb SERPs.