@tanstack/vue-router
Version:
Modern and scalable routing for Vue applications
25 lines • 1.33 kB
JSX
import * as Vue from 'vue';
import { DefaultGlobalNotFound } from './not-found';
/**
* Renders a not found component for a route when no matching route is found.
*
* @param router - The router instance containing the route configuration
* @param route - The route that triggered the not found state
* @param data - Additional data to pass to the not found component
* @returns The rendered not found component or a default fallback component
*/
export function renderRouteNotFound(router, route, data) {
if (!route.options.notFoundComponent) {
if (router.options.defaultNotFoundComponent) {
return Vue.h(router.options.defaultNotFoundComponent, data);
}
if (process.env.NODE_ENV !== 'production') {
if (!route.options.notFoundComponent) {
console.warn(`Warning: A notFoundError was encountered on the route with ID "${route.id}", but a notFoundComponent option was not configured, nor was a router level defaultNotFoundComponent configured. Consider configuring at least one of these to avoid TanStack Router's overly generic defaultNotFoundComponent (<p>Not Found</p>)`);
}
}
return Vue.h(DefaultGlobalNotFound);
}
return Vue.h(route.options.notFoundComponent, data);
}
//# sourceMappingURL=renderRouteNotFound.jsx.map