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	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
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.

Full slot reference

Source

client/lib/views/ViewNotFound.vue