ViewNotFound
Overview
Full-page 404 error view displayed when a route path does not match any registered route. Composes SystemMessageCard(tone="info") with a "404" crest, a TriedUrlCallout highlighting the segments of the typed path that diverge from the closest matching route, a SuggestionList(shape="route") of N-best scored matches, a DiagnosticStrip debug footer, and a Back + Go to home actions row.
Theme entry: ViewNotFound
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| iconOverride | Object | null | A partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants. | |
| themeOverride | Object | null | A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants. | |
| suggestionLimit | number | 5 | Maximum number of suggested routes to display. | |
| homePath | string | "/" | Path to navigate to when the operator clicks "Go to home". Defaults to "/". | |
| diagnostics | { label: string, value: string }[] | [] | Extra rows appended to the DiagnosticStrip (after the route row). Each entry is { label, value }. Useful for wiring request id and session from the consuming app's interceptor + user store. |
Slots
| Name | Scoped | Description |
|---|---|---|
blurb | blurb Override the default explanatory paragraph beneath the crest. | |
actions | actions Override the default Back / Go to home button row. |
Source
client/lib/views/ViewNotFound.vue