nuxt-x-affiliate
Not Found
Friendly 404 page — code display, body copy, CTA button, and inline search bar.
Not Found
The XAFNotFound component renders a friendly 404 page with a large status code, body copy, a "Back to home" CTA button, and an inline <XAFSearchBar> so the reader can find what they were looking for. Also useful as a generic error state for 500 / 503 by passing a different code.
Components
<XAFNotFound />
<XAFNotFound />
<XAFNotFound :code="500" title="Something went wrong" body="Try again in a moment." />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | "Page not found" | Heading text. |
body | string | "We couldn't find the page you're looking for. It may have moved." | Body copy. |
code | number | 404 | Status code displayed as the big background number. |
ctaLabel | string | "Back to home" | CTA button label. |
ctaHref | string | "/" | CTA link target. |
Slots
| Slot | Description |
|---|---|
suggestions | Replace the "Popular reviews" fallback with custom suggested links. |
AI Context
component: XAFNotFound
package: "@xenterprises/nuxt-x-affiliate"
use-when: Friendly 404 page (or 500/503 by changing code) with status code display, CTA, and inline search.