@tanstack/vue-router/dist/source/renderRouteNotFound.jsx

Modern and scalable routing for Vue applications

import * as Vue from 'vue';
import { DefaultGlobalNotFound } from './not-found';
import { renderInNonRouteComponentContext } from './nonRouteComponentContext';
/**
 * 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 process.env.NODE_ENV !== 'production'
                ? renderInNonRouteComponentContext(router.options.defaultNotFoundComponent, data, 'notFoundComponent')
                : 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 process.env.NODE_ENV !== 'production'
        ? renderInNonRouteComponentContext(route.options.notFoundComponent, data, 'notFoundComponent')
        : Vue.h(route.options.notFoundComponent, data);
}
//# sourceMappingURL=renderRouteNotFound.jsx.map