@tanstack/vue-router
Version:
Modern and scalable routing for Vue applications
26 lines • 1.26 kB
JSX
import * as Vue from 'vue';
// Reactive nearest-match context used by hooks that work relative to the
// current match in the tree.
export const matchContext = Symbol('TanStackRouterMatch');
// Pending match context for nearest-match lookups
export const pendingMatchContext = Symbol('TanStackRouterPendingMatch');
// Dummy pending context when nearest pending state is not needed
export const dummyPendingMatchContext = Symbol('TanStackRouterDummyPendingMatch');
// Stable routeId context — a plain string (not reactive) that identifies
// which route this component belongs to. Provided by Match, consumed by
// MatchInner, Outlet, and useMatch for routeId-based store lookups.
export const routeIdContext = Symbol('TanStackRouterRouteId');
/**
* Retrieves nearest pending-match state from the component tree
*/
export function injectPendingMatch() {
return Vue.inject(pendingMatchContext, Vue.ref(false));
}
/**
* Retrieves dummy pending-match state from the component tree
* This only exists so we can conditionally inject a value when we are not interested in the nearest pending match
*/
export function injectDummyPendingMatch() {
return Vue.inject(dummyPendingMatchContext, Vue.ref(false));
}
//# sourceMappingURL=matchContext.jsx.map