@tanstack/vue-router 1.167.5 → 1.168.1

package/dist/esm/Match.js

@@ -1,7 +1,6 @@
 import { CatchBoundary, ErrorComponent } from "./CatchBoundary.js";
 import { useRouter } from "./useRouter.js";
-import { useRouterState } from "./useRouterState.js";
-import { matchContext } from "./matchContext.js";
+import { matchContext, pendingMatchContext, routeIdContext } from "./matchContext.js";
 import { ClientOnly } from "./ClientOnly.js";
 import { CatchNotFound } from "./not-found.js";
 import { renderRouteNotFound } from "./renderRouteNotFound.js";
@@ -10,6 +9,7 @@ import { createControlledPromise, getLocationChangeInfo, isNotFound, isRedirect,
 import * as Vue from "vue";
 import warning from "tiny-warning";
 import { isServer } from "@tanstack/router-core/isServer";
+import { useStore } from "@tanstack/vue-store";
 import invariant from "tiny-invariant";
 //#region src/Match.tsx
 var Match = Vue.defineComponent({
@@ -20,28 +20,23 @@ var Match = Vue.defineComponent({
 	} },
 	setup(props) {
 		const router = useRouter();
-		let lastKnownRouteId = null;
-		const matchData = useRouterState({ select: (s) => {
-			let match = s.matches.find((d) => d.id === props.matchId);
-			let matchIndex = match ? s.matches.findIndex((d) => d.id === props.matchId) : -1;
-			if (match) lastKnownRouteId = match.routeId;
-			else if (lastKnownRouteId) {
-				match = s.matches.find((d) => d.routeId === lastKnownRouteId);
-				matchIndex = match ? s.matches.findIndex((d) => d.routeId === lastKnownRouteId) : -1;
-			}
+		const routeId = router.stores.activeMatchStoresById.get(props.matchId)?.routeId;
+		invariant(routeId, `Could not find routeId for matchId "${props.matchId}". Please file an issue!`);
+		const isChildOfRoot = router.routesById[routeId]?.parentRoute?.id === rootRouteId;
+		const activeMatch = useStore(router.stores.getMatchStoreByRouteId(routeId), (value) => value);
+		const isPendingMatchRef = useStore(router.stores.pendingRouteIds, (pendingRouteIds) => Boolean(pendingRouteIds[routeId]), { equal: Object.is });
+		const loadedAt = useStore(router.stores.loadedAt, (value) => value);
+		const matchData = Vue.computed(() => {
+			const match = activeMatch.value;
 			if (!match) return null;
-			const routeId = match.routeId;
-			const parentRouteId = matchIndex > 0 ? s.matches[matchIndex - 1]?.routeId : null;
 			return {
 				matchId: match.id,
 				routeId,
-				parentRouteId,
-				loadedAt: s.loadedAt,
+				loadedAt: loadedAt.value,
 				ssr: match.ssr,
 				_displayPending: match._displayPending
 			};
-		} });
-		invariant(matchData.value, `Could not find routeId for matchId "${props.matchId}". Please file an issue!`);
+		});
 		const route = Vue.computed(() => matchData.value ? router.routesById[matchData.value.routeId] : null);
 		const PendingComponent = Vue.computed(() => route.value?.options?.pendingComponent ?? router?.options?.defaultPendingComponent);
 		const pendingElement = Vue.computed(() => PendingComponent.value ? Vue.h(PendingComponent.value) : void 0);
@@ -53,11 +48,10 @@ var Match = Vue.defineComponent({
 			return !!route.value.options.shellComponent;
 		});
 		const ShellComponent = Vue.computed(() => hasShellComponent.value ? route.value.options.shellComponent : null);
-		const matchIdRef = Vue.ref(matchData.value?.matchId ?? props.matchId);
-		Vue.watch([() => props.matchId, () => matchData.value?.matchId], ([propsMatchId, dataMatchId]) => {
-			matchIdRef.value = dataMatchId ?? propsMatchId;
-		}, { immediate: true });
+		Vue.provide(routeIdContext, routeId);
+		const matchIdRef = Vue.computed(() => activeMatch.value?.id ?? props.matchId);
 		Vue.provide(matchContext, matchIdRef);
+		Vue.provide(pendingMatchContext, isPendingMatchRef);
 		return () => {
 			const actualMatchId = matchData.value?.matchId ?? props.matchId;
 			const shouldClientOnly = matchData.value?.ssr === false || matchData.value?.ssr === "data-only" || !!matchData.value?._displayPending;
@@ -81,7 +75,7 @@ var Match = Vue.defineComponent({
 					},
 					children: content
 				});
-				const withScrollRestoration = [content, matchData.value?.parentRouteId === rootRouteId && router.options.scrollRestoration ? Vue.h(Vue.Fragment, null, [Vue.h(OnRendered), Vue.h(ScrollRestoration)]) : null].filter(Boolean);
+				const withScrollRestoration = [content, isChildOfRoot && router.options.scrollRestoration ? Vue.h(Vue.Fragment, null, [Vue.h(OnRendered), Vue.h(ScrollRestoration)]) : null].filter(Boolean);
 				if (withScrollRestoration.length === 1) return withScrollRestoration[0];
 				return Vue.h(Vue.Fragment, null, withScrollRestoration);
 			};
@@ -94,15 +88,20 @@ var OnRendered = Vue.defineComponent({
 	name: "OnRendered",
 	setup() {
 		const router = useRouter();
-		const location = useRouterState({ select: (s) => {
-			return s.resolvedLocation?.state.key;
-		} });
-		Vue.watchEffect(() => {
-			if (location.value) router.emit({
-				type: "onRendered",
-				...getLocationChangeInfo(router.state)
-			});
-		});
+		const location = useStore(router.stores.resolvedLocation, (resolvedLocation) => resolvedLocation?.state.__TSR_key);
+		let prevHref;
+		Vue.watch(location, () => {
+			if (location.value) {
+				const currentHref = router.latestLocation.href;
+				if (prevHref === void 0 || prevHref !== currentHref) {
+					router.emit({
+						type: "onRendered",
+						...getLocationChangeInfo(router.stores.location.state, router.stores.resolvedLocation.state)
+					});
+					prevHref = currentHref;
+				}
+			}
+		}, { immediate: true });
 		return () => null;
 	}
 });
@@ -114,21 +113,17 @@ var MatchInner = Vue.defineComponent({
 	} },
 	setup(props) {
 		const router = useRouter();
-		let lastKnownRouteId = null;
-		const combinedState = useRouterState({ select: (s) => {
-			let match = s.matches.find((d) => d.id === props.matchId);
-			if (match) lastKnownRouteId = match.routeId;
-			else if (lastKnownRouteId) {
-				const sameRouteMatch = s.matches.find((d) => d.routeId === lastKnownRouteId);
-				if (sameRouteMatch) match = sameRouteMatch;
-			}
+		const routeId = Vue.inject(routeIdContext);
+		const activeMatch = useStore(router.stores.getMatchStoreByRouteId(routeId), (value) => value);
+		const combinedState = Vue.computed(() => {
+			const match = activeMatch.value;
 			if (!match) return null;
-			const routeId = match.routeId;
-			const remountFn = router.routesById[routeId].options.remountDeps ?? router.options.defaultRemountDeps;
+			const matchRouteId = match.routeId;
+			const remountFn = router.routesById[matchRouteId].options.remountDeps ?? router.options.defaultRemountDeps;
 			let remountKey;
 			if (remountFn) {
 				const remountDeps = remountFn({
-					routeId,
+					routeId: matchRouteId,
 					loaderDeps: match.loaderDeps,
 					params: match._strictParams,
 					search: match._strictSearch
@@ -136,7 +131,7 @@ var MatchInner = Vue.defineComponent({
 				remountKey = remountDeps ? JSON.stringify(remountDeps) : void 0;
 			}
 			return {
-				routeId,
+				routeId: matchRouteId,
 				match: {
 					id: match.id,
 					status: match.status,
@@ -147,7 +142,7 @@ var MatchInner = Vue.defineComponent({
 				},
 				remountKey
 			};
-		} });
+		});
 		const route = Vue.computed(() => {
 			if (!combinedState.value) return null;
 			return router.routesById[combinedState.value.routeId];
@@ -211,33 +206,32 @@ var Outlet = Vue.defineComponent({
 	name: "Outlet",
 	setup() {
 		const router = useRouter();
-		const matchId = Vue.inject(matchContext);
-		const safeMatchId = Vue.computed(() => matchId?.value || "");
-		const routeId = useRouterState({ select: (s) => s.matches.find((d) => d.id === safeMatchId.value)?.routeId });
-		const route = Vue.computed(() => router.routesById[routeId.value]);
-		const parentGlobalNotFound = useRouterState({ select: (s) => {
-			const parentMatch = s.matches.find((d) => d.id === safeMatchId.value);
-			if (!parentMatch) return false;
-			return parentMatch.globalNotFound;
-		} });
-		const childMatchData = useRouterState({ select: (s) => {
-			const matches = s.matches;
-			const child = matches[matches.findIndex((d) => d.id === safeMatchId.value) + 1];
+		const parentRouteId = Vue.inject(routeIdContext);
+		if (!parentRouteId) return () => null;
+		const parentMatch = useStore(router.stores.getMatchStoreByRouteId(parentRouteId), (v) => v);
+		const route = Vue.computed(() => parentMatch.value ? router.routesById[parentMatch.value.routeId] : void 0);
+		const parentGlobalNotFound = Vue.computed(() => parentMatch.value?.globalNotFound ?? false);
+		const childMatchIdMap = useStore(router.stores.childMatchIdByRouteId, (v) => v);
+		const childMatchData = Vue.computed(() => {
+			const childId = childMatchIdMap.value[parentRouteId];
+			if (!childId) return null;
+			const child = router.stores.activeMatchStoresById.get(childId)?.state;
 			if (!child) return null;
 			return {
 				id: child.id,
 				paramsKey: child.routeId + JSON.stringify(child._strictParams)
 			};
-		} });
+		});
 		return () => {
-			if (parentGlobalNotFound.value) return renderRouteNotFound(router, route.value, void 0);
+			if (parentGlobalNotFound.value) {
+				if (!route.value) return null;
+				return renderRouteNotFound(router, route.value, void 0);
+			}
 			if (!childMatchData.value) return null;
-			const nextMatch = Vue.h(Match, {
+			return Vue.h(Match, {
 				matchId: childMatchData.value.id,
 				key: childMatchData.value.paramsKey
 			});
-			if (safeMatchId.value === rootRouteId) return Vue.h(Vue.Suspense, { fallback: router.options.defaultPendingComponent ? Vue.h(router.options.defaultPendingComponent) : null }, { default: () => nextMatch });
-			return nextMatch;
 		};
 	}
 });

package/dist/esm/Match.js.map

@@ -1 +1 @@
-{"version":3,"file":"Match.js","names":["Vue","invariant","warning","createControlledPromise","getLocationChangeInfo","isNotFound","isRedirect","rootRouteId","isServer","CatchBoundary","ErrorComponent","ClientOnly","useRouterState","useRouter","CatchNotFound","matchContext","renderRouteNotFound","ScrollRestoration","Match","defineComponent","name","props","matchId","type","String","required","setup","router","lastKnownRouteId","matchData","select","s","match","matches","find","d","id","matchIndex","findIndex","routeId","parentRouteId","loadedAt","ssr","_displayPending","value","route","computed","routesById","PendingComponent","options","pendingComponent","defaultPendingComponent","pendingElement","h","undefined","routeErrorComponent","errorComponent","defaultErrorComponent","routeOnCatch","onCatch","defaultOnCatch","routeNotFoundComponent","isRoot","notFoundComponent","notFoundRoute","component","hasShellComponent","shellComponent","ShellComponent","matchIdRef","ref","watch","propsMatchId","dataMatchId","immediate","provide","actualMatchId","resolvedNoSsr","shouldClientOnly","renderMatchContent","matchInner","MatchInner","content","fallback","default","error","children","getResetKey","withScrollRestoration","scrollRestoration","Fragment","OnRendered","filter","Boolean","length","location","resolvedLocation","state","key","watchEffect","emit","combinedState","sameRouteMatch","remountFn","remountDeps","defaultRemountDeps","remountKey","loaderDeps","params","_strictParams","search","_strictSearch","JSON","stringify","status","_forcePending","getMatch","_nonReactive","loadPromise","RouteErrorComponent","reset","invalidate","info","componentStack","pendingMinMs","defaultPendingMinMs","routerMatch","minPendingPromise","setTimeout","resolve","Comp","defaultComponent","Outlet","inject","safeMatchId","parentGlobalNotFound","parentMatch","globalNotFound","childMatchData","index","child","paramsKey","nextMatch","Suspense"],"sources":["../../src/Match.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport invariant from 'tiny-invariant'\nimport warning from 'tiny-warning'\nimport {\n  createControlledPromise,\n  getLocationChangeInfo,\n  isNotFound,\n  isRedirect,\n  rootRouteId,\n} from '@tanstack/router-core'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { CatchBoundary, ErrorComponent } from './CatchBoundary'\nimport { ClientOnly } from './ClientOnly'\nimport { useRouterState } from './useRouterState'\nimport { useRouter } from './useRouter'\nimport { CatchNotFound } from './not-found'\nimport { matchContext } from './matchContext'\nimport { renderRouteNotFound } from './renderRouteNotFound'\nimport { ScrollRestoration } from './scroll-restoration'\nimport type { VNode } from 'vue'\nimport type { AnyRoute, RootRouteOptions } from '@tanstack/router-core'\n\nexport const Match = Vue.defineComponent({\n  name: 'Match',\n  props: {\n    matchId: {\n      type: String,\n      required: true,\n    },\n  },\n  setup(props) {\n    const router = useRouter()\n\n    // Track the last known routeId to handle stale props during same-route transitions\n    let lastKnownRouteId: string | null = null\n\n    // Combined selector that returns all needed data including the actual matchId\n    // This handles stale props.matchId during same-route transitions\n    const matchData = useRouterState({\n      select: (s) => {\n        // First try to find match by props.matchId\n        let match = s.matches.find((d) => d.id === props.matchId)\n        let matchIndex = match\n          ? s.matches.findIndex((d) => d.id === props.matchId)\n          : -1\n\n        // If match found, update lastKnownRouteId\n        if (match) {\n          lastKnownRouteId = match.routeId as string\n        } else if (lastKnownRouteId) {\n          // Match not found - props.matchId might be stale during a same-route transition\n          // Try to find the NEW match by routeId\n          match = s.matches.find((d) => d.routeId === lastKnownRouteId)\n          matchIndex = match\n            ? s.matches.findIndex((d) => d.routeId === lastKnownRouteId)\n            : -1\n        }\n\n        if (!match) {\n          return null\n        }\n\n        const routeId = match.routeId as string\n        const parentRouteId =\n          matchIndex > 0 ? (s.matches[matchIndex - 1]?.routeId as string) : null\n\n        return {\n          matchId: match.id, // Return the actual matchId (may differ from props.matchId)\n          routeId,\n          parentRouteId,\n          loadedAt: s.loadedAt,\n          ssr: match.ssr,\n          _displayPending: match._displayPending,\n        }\n      },\n    })\n\n    invariant(\n      matchData.value,\n      `Could not find routeId for matchId \"${props.matchId}\". Please file an issue!`,\n    )\n\n    const route = Vue.computed(() =>\n      matchData.value ? router.routesById[matchData.value.routeId] : null,\n    )\n\n    const PendingComponent = Vue.computed(\n      () =>\n        route.value?.options?.pendingComponent ??\n        router?.options?.defaultPendingComponent,\n    )\n\n    const pendingElement = Vue.computed(() =>\n      PendingComponent.value ? Vue.h(PendingComponent.value) : undefined,\n    )\n\n    const routeErrorComponent = Vue.computed(\n      () =>\n        route.value?.options?.errorComponent ??\n        router?.options?.defaultErrorComponent,\n    )\n\n    const routeOnCatch = Vue.computed(\n      () => route.value?.options?.onCatch ?? router?.options?.defaultOnCatch,\n    )\n\n    const routeNotFoundComponent = Vue.computed(() =>\n      route.value?.isRoot\n        ? // If it's the root route, use the globalNotFound option, with fallback to the notFoundRoute's component\n          (route.value?.options?.notFoundComponent ??\n          router?.options?.notFoundRoute?.options?.component)\n        : route.value?.options?.notFoundComponent,\n    )\n\n    const hasShellComponent = Vue.computed(() => {\n      if (!route.value?.isRoot) return false\n      return !!(route.value.options as RootRouteOptions).shellComponent\n    })\n\n    const ShellComponent = Vue.computed(() =>\n      hasShellComponent.value\n        ? ((route.value!.options as RootRouteOptions).shellComponent as any)\n        : null,\n    )\n\n    // Create a ref for the current matchId that we provide to child components\n    // This ref is updated to the ACTUAL matchId found (which may differ from props during transitions)\n    const matchIdRef = Vue.ref(matchData.value?.matchId ?? props.matchId)\n\n    // Watch both props.matchId and matchData to keep matchIdRef in sync\n    // This ensures Outlet gets the correct matchId even during transitions\n    Vue.watch(\n      [() => props.matchId, () => matchData.value?.matchId],\n      ([propsMatchId, dataMatchId]) => {\n        // Prefer the matchId from matchData (which handles fallback)\n        // Fall back to props.matchId if matchData is null\n        matchIdRef.value = dataMatchId ?? propsMatchId\n      },\n      { immediate: true },\n    )\n\n    // Provide the matchId to child components\n    Vue.provide(matchContext, matchIdRef)\n\n    return (): VNode => {\n      // Use the actual matchId from matchData, not props (which may be stale)\n      const actualMatchId = matchData.value?.matchId ?? props.matchId\n\n      const resolvedNoSsr =\n        matchData.value?.ssr === false || matchData.value?.ssr === 'data-only'\n      const shouldClientOnly =\n        resolvedNoSsr || !!matchData.value?._displayPending\n\n      const renderMatchContent = (): VNode => {\n        const matchInner = Vue.h(MatchInner, { matchId: actualMatchId })\n\n        let content: VNode = shouldClientOnly\n          ? Vue.h(\n              ClientOnly,\n              {\n                fallback: pendingElement.value,\n              },\n              {\n                default: () => matchInner,\n              },\n            )\n          : matchInner\n\n        // Wrap in NotFound boundary if needed\n        if (routeNotFoundComponent.value) {\n          content = Vue.h(CatchNotFound, {\n            fallback: (error: any) => {\n              // If the current not found handler doesn't exist or it has a\n              // route ID which doesn't match the current route, rethrow the error\n              if (\n                !routeNotFoundComponent.value ||\n                (error.routeId && error.routeId !== matchData.value?.routeId) ||\n                (!error.routeId && route.value && !route.value.isRoot)\n              )\n                throw error\n\n              return Vue.h(routeNotFoundComponent.value, error)\n            },\n            children: content,\n          })\n        }\n\n        // Wrap in error boundary if needed\n        if (routeErrorComponent.value) {\n          content = CatchBoundary({\n            getResetKey: () => matchData.value?.loadedAt ?? 0,\n            errorComponent: routeErrorComponent.value || ErrorComponent,\n            onCatch: (error: Error) => {\n              // Forward not found errors (we don't want to show the error component for these)\n              if (isNotFound(error)) throw error\n              warning(false, `Error in route match: ${actualMatchId}`)\n              routeOnCatch.value?.(error)\n            },\n            children: content,\n          })\n        }\n\n        // Add scroll restoration if needed\n        const withScrollRestoration: Array<VNode> = [\n          content,\n          matchData.value?.parentRouteId === rootRouteId &&\n          router.options.scrollRestoration\n            ? Vue.h(Vue.Fragment, null, [\n                Vue.h(OnRendered),\n                Vue.h(ScrollRestoration),\n              ])\n            : null,\n        ].filter(Boolean) as Array<VNode>\n\n        // Return single child directly to avoid Fragment wrapper that causes hydration mismatch\n        if (withScrollRestoration.length === 1) {\n          return withScrollRestoration[0]!\n        }\n\n        return Vue.h(Vue.Fragment, null, withScrollRestoration)\n      }\n\n      if (!hasShellComponent.value) {\n        return renderMatchContent()\n      }\n\n      return Vue.h(ShellComponent.value, null, {\n        // Important: return a fresh VNode on each slot invocation so that shell\n        // components can re-render without reusing a cached VNode instance.\n        default: () => renderMatchContent(),\n      })\n    }\n  },\n})\n\n// On Rendered can't happen above the root layout because it actually\n// renders a dummy dom element to track the rendered state of the app.\n// We render a script tag with a key that changes based on the current\n// location state.key. Also, because it's below the root layout, it\n// allows us to fire onRendered events even after a hydration mismatch\n// error that occurred above the root layout (like bad head/link tags,\n// which is common).\nconst OnRendered = Vue.defineComponent({\n  name: 'OnRendered',\n  setup() {\n    const router = useRouter()\n\n    const location = useRouterState({\n      select: (s) => {\n        return s.resolvedLocation?.state.key\n      },\n    })\n\n    Vue.watchEffect(() => {\n      if (location.value) {\n        router.emit({\n          type: 'onRendered',\n          ...getLocationChangeInfo(router.state),\n        })\n      }\n    })\n\n    return () => null\n  },\n})\n\nexport const MatchInner = Vue.defineComponent({\n  name: 'MatchInner',\n  props: {\n    matchId: {\n      type: String,\n      required: true,\n    },\n  },\n  setup(props) {\n    const router = useRouter()\n\n    // Track the last known routeId to handle stale props during same-route transitions\n    // This is stored outside the selector so it persists across selector calls\n    let lastKnownRouteId: string | null = null\n\n    // Combined selector for match state AND remount key\n    // This ensures both are computed in the same selector call with consistent data\n    const combinedState = useRouterState({\n      select: (s) => {\n        // First try to find match by props.matchId\n        let match = s.matches.find((d) => d.id === props.matchId)\n\n        // If match found, update lastKnownRouteId\n        if (match) {\n          lastKnownRouteId = match.routeId as string\n        } else if (lastKnownRouteId) {\n          // Match not found - props.matchId might be stale during a same-route transition\n          // (matchId changed due to loaderDepsHash but props haven't updated yet)\n          // Try to find the NEW match by routeId and use that instead\n          const sameRouteMatch = s.matches.find(\n            (d) => d.routeId === lastKnownRouteId,\n          )\n          if (sameRouteMatch) {\n            match = sameRouteMatch\n          }\n        }\n\n        if (!match) {\n          // Route no longer exists - truly navigating away\n          return null\n        }\n\n        const routeId = match.routeId as string\n\n        // Compute remount key\n        const remountFn =\n          (router.routesById[routeId] as AnyRoute).options.remountDeps ??\n          router.options.defaultRemountDeps\n\n        let remountKey: string | undefined\n        if (remountFn) {\n          const remountDeps = remountFn({\n            routeId,\n            loaderDeps: match.loaderDeps,\n            params: match._strictParams,\n            search: match._strictSearch,\n          })\n          remountKey = remountDeps ? JSON.stringify(remountDeps) : undefined\n        }\n\n        return {\n          routeId,\n          match: {\n            id: match.id,\n            status: match.status,\n            error: match.error,\n            ssr: match.ssr,\n            _forcePending: match._forcePending,\n            _displayPending: match._displayPending,\n          },\n          remountKey,\n        }\n      },\n    })\n\n    const route = Vue.computed(() => {\n      if (!combinedState.value) return null\n      return router.routesById[combinedState.value.routeId]!\n    })\n\n    const match = Vue.computed(() => combinedState.value?.match)\n    const remountKey = Vue.computed(() => combinedState.value?.remountKey)\n\n    return (): VNode | null => {\n      // If match doesn't exist, return null (component is being unmounted or not ready)\n      if (!combinedState.value || !match.value || !route.value) return null\n\n      // Handle different match statuses\n      if (match.value._displayPending) {\n        const PendingComponent =\n          route.value.options.pendingComponent ??\n          router.options.defaultPendingComponent\n\n        return PendingComponent ? Vue.h(PendingComponent) : null\n      }\n\n      if (match.value._forcePending) {\n        const PendingComponent =\n          route.value.options.pendingComponent ??\n          router.options.defaultPendingComponent\n\n        return PendingComponent ? Vue.h(PendingComponent) : null\n      }\n\n      if (match.value.status === 'notFound') {\n        invariant(isNotFound(match.value.error), 'Expected a notFound error')\n        return renderRouteNotFound(router, route.value, match.value.error)\n      }\n\n      if (match.value.status === 'redirected') {\n        invariant(isRedirect(match.value.error), 'Expected a redirect error')\n        throw router.getMatch(match.value.id)?._nonReactive.loadPromise\n      }\n\n      if (match.value.status === 'error') {\n        // Check if this route or any parent has an error component\n        const RouteErrorComponent =\n          route.value.options.errorComponent ??\n          router.options.defaultErrorComponent\n\n        // If this route has an error component, render it directly\n        // This is more reliable than relying on Vue's error boundary\n        if (RouteErrorComponent) {\n          return Vue.h(RouteErrorComponent, {\n            error: match.value.error,\n            reset: () => {\n              router.invalidate()\n            },\n            info: {\n              componentStack: '',\n            },\n          })\n        }\n\n        // If there's no error component for this route, throw the error\n        // so it can bubble up to the nearest parent with an error component\n        throw match.value.error\n      }\n\n      if (match.value.status === 'pending') {\n        const pendingMinMs =\n          route.value.options.pendingMinMs ?? router.options.defaultPendingMinMs\n\n        const routerMatch = router.getMatch(match.value.id)\n        if (\n          pendingMinMs &&\n          routerMatch &&\n          !routerMatch._nonReactive.minPendingPromise\n        ) {\n          // Create a promise that will resolve after the minPendingMs\n          if (!(isServer ?? router.isServer)) {\n            const minPendingPromise = createControlledPromise<void>()\n\n            routerMatch._nonReactive.minPendingPromise = minPendingPromise\n\n            setTimeout(() => {\n              minPendingPromise.resolve()\n              // We've handled the minPendingPromise, so we can delete it\n              routerMatch._nonReactive.minPendingPromise = undefined\n            }, pendingMinMs)\n          }\n        }\n\n        // In Vue, we render the pending component directly instead of throwing a promise\n        // because Vue's Suspense doesn't catch thrown promises like React does\n        const PendingComponent =\n          route.value.options.pendingComponent ??\n          router.options.defaultPendingComponent\n\n        if (PendingComponent) {\n          return Vue.h(PendingComponent)\n        }\n\n        // If no pending component, return null while loading\n        return null\n      }\n\n      // Success status - render the component with remount key\n      const Comp =\n        route.value.options.component ?? router.options.defaultComponent\n      const key = remountKey.value\n\n      if (Comp) {\n        // Pass key as a prop - Vue.h properly handles 'key' as a special prop\n        return Vue.h(Comp, key !== undefined ? { key } : undefined)\n      }\n\n      return Vue.h(Outlet, key !== undefined ? { key } : undefined)\n    }\n  },\n})\n\nexport const Outlet = Vue.defineComponent({\n  name: 'Outlet',\n  setup() {\n    const router = useRouter()\n    const matchId = Vue.inject(matchContext)\n    const safeMatchId = Vue.computed(() => matchId?.value || '')\n\n    const routeId = useRouterState({\n      select: (s) =>\n        s.matches.find((d) => d.id === safeMatchId.value)?.routeId as string,\n    })\n\n    const route = Vue.computed(() => router.routesById[routeId.value]!)\n\n    const parentGlobalNotFound = useRouterState({\n      select: (s) => {\n        const matches = s.matches\n        const parentMatch = matches.find((d) => d.id === safeMatchId.value)\n\n        // During navigation transitions, parent match can be temporarily removed\n        // Return false to avoid errors - the component will handle this gracefully\n        if (!parentMatch) {\n          return false\n        }\n\n        return parentMatch.globalNotFound\n      },\n    })\n\n    const childMatchData = useRouterState({\n      select: (s) => {\n        const matches = s.matches\n        const index = matches.findIndex((d) => d.id === safeMatchId.value)\n        const child = matches[index + 1]\n        if (!child) return null\n        return {\n          id: child.id,\n          // Key based on routeId + params only (not loaderDeps)\n          // This ensures component recreates when params change,\n          // but NOT when only loaderDeps change\n          paramsKey: child.routeId + JSON.stringify(child._strictParams),\n        }\n      },\n    })\n\n    return (): VNode | null => {\n      if (parentGlobalNotFound.value) {\n        return renderRouteNotFound(router, route.value, undefined)\n      }\n\n      if (!childMatchData.value) {\n        return null\n      }\n\n      const nextMatch = Vue.h(Match, {\n        matchId: childMatchData.value.id,\n        key: childMatchData.value.paramsKey,\n      })\n\n      if (safeMatchId.value === rootRouteId) {\n        return Vue.h(\n          Vue.Suspense,\n          {\n            fallback: router.options.defaultPendingComponent\n              ? Vue.h(router.options.defaultPendingComponent)\n              : null,\n          },\n          {\n            default: () => nextMatch,\n          },\n        )\n      }\n\n      return nextMatch\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"Match.js","names":["Vue","invariant","warning","createControlledPromise","getLocationChangeInfo","isNotFound","isRedirect","rootRouteId","isServer","useStore","CatchBoundary","ErrorComponent","ClientOnly","useRouter","CatchNotFound","matchContext","pendingMatchContext","routeIdContext","renderRouteNotFound","ScrollRestoration","Match","defineComponent","name","props","matchId","type","String","required","setup","router","routeId","stores","activeMatchStoresById","get","isChildOfRoot","routesById","parentRoute","id","activeMatch","getMatchStoreByRouteId","value","isPendingMatchRef","pendingRouteIds","Boolean","equal","Object","is","loadedAt","matchData","computed","match","ssr","_displayPending","route","PendingComponent","options","pendingComponent","defaultPendingComponent","pendingElement","h","undefined","routeErrorComponent","errorComponent","defaultErrorComponent","routeOnCatch","onCatch","defaultOnCatch","routeNotFoundComponent","isRoot","notFoundComponent","notFoundRoute","component","hasShellComponent","shellComponent","ShellComponent","provide","matchIdRef","actualMatchId","resolvedNoSsr","shouldClientOnly","renderMatchContent","matchInner","MatchInner","content","fallback","default","error","children","getResetKey","withScrollRestoration","scrollRestoration","Fragment","OnRendered","filter","length","location","resolvedLocation","state","__TSR_key","prevHref","watch","currentHref","latestLocation","href","emit","immediate","inject","combinedState","matchRouteId","remountFn","remountDeps","defaultRemountDeps","remountKey","loaderDeps","params","_strictParams","search","_strictSearch","JSON","stringify","status","_forcePending","getMatch","_nonReactive","loadPromise","RouteErrorComponent","reset","invalidate","info","componentStack","pendingMinMs","defaultPendingMinMs","routerMatch","minPendingPromise","setTimeout","resolve","Comp","defaultComponent","key","Outlet","parentRouteId","parentMatch","v","parentGlobalNotFound","globalNotFound","childMatchIdMap","childMatchIdByRouteId","childMatchData","childId","child","paramsKey","nextMatch"],"sources":["../../src/Match.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport invariant from 'tiny-invariant'\nimport warning from 'tiny-warning'\nimport {\n  createControlledPromise,\n  getLocationChangeInfo,\n  isNotFound,\n  isRedirect,\n  rootRouteId,\n} from '@tanstack/router-core'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { useStore } from '@tanstack/vue-store'\nimport { CatchBoundary, ErrorComponent } from './CatchBoundary'\nimport { ClientOnly } from './ClientOnly'\nimport { useRouter } from './useRouter'\nimport { CatchNotFound } from './not-found'\nimport {\n  matchContext,\n  pendingMatchContext,\n  routeIdContext,\n} from './matchContext'\nimport { renderRouteNotFound } from './renderRouteNotFound'\nimport { ScrollRestoration } from './scroll-restoration'\nimport type { VNode } from 'vue'\nimport type { AnyRoute, RootRouteOptions } from '@tanstack/router-core'\n\nexport const Match = Vue.defineComponent({\n  name: 'Match',\n  props: {\n    matchId: {\n      type: String,\n      required: true,\n    },\n  },\n  setup(props) {\n    const router = useRouter()\n\n    // Derive routeId from initial props.matchId — stable for this component's\n    // lifetime. The routeId never changes for a given route position in the\n    // tree, even when matchId changes (loaderDepsHash, etc).\n    const routeId = router.stores.activeMatchStoresById.get(\n      props.matchId,\n    )?.routeId\n\n    invariant(\n      routeId,\n      `Could not find routeId for matchId \"${props.matchId}\". Please file an issue!`,\n    )\n\n    // Static route-tree check: is this route a direct child of the root?\n    // parentRoute is set at build time, so no reactive tracking needed.\n    const isChildOfRoot =\n      (router.routesById[routeId] as AnyRoute)?.parentRoute?.id === rootRouteId\n\n    // Single stable store subscription — getMatchStoreByRouteId returns a\n    // cached computed store that resolves routeId → current match state\n    // through the signal graph. No bridge needed.\n    const activeMatch = useStore(\n      router.stores.getMatchStoreByRouteId(routeId),\n      (value) => value,\n    )\n    const isPendingMatchRef = useStore(\n      router.stores.pendingRouteIds,\n      (pendingRouteIds) => Boolean(pendingRouteIds[routeId]),\n      { equal: Object.is },\n    )\n    const loadedAt = useStore(router.stores.loadedAt, (value) => value)\n\n    const matchData = Vue.computed(() => {\n      const match = activeMatch.value\n      if (!match) {\n        return null\n      }\n\n      return {\n        matchId: match.id,\n        routeId,\n        loadedAt: loadedAt.value,\n        ssr: match.ssr,\n        _displayPending: match._displayPending,\n      }\n    })\n\n    const route = Vue.computed(() =>\n      matchData.value ? router.routesById[matchData.value.routeId] : null,\n    )\n\n    const PendingComponent = Vue.computed(\n      () =>\n        route.value?.options?.pendingComponent ??\n        router?.options?.defaultPendingComponent,\n    )\n\n    const pendingElement = Vue.computed(() =>\n      PendingComponent.value ? Vue.h(PendingComponent.value) : undefined,\n    )\n\n    const routeErrorComponent = Vue.computed(\n      () =>\n        route.value?.options?.errorComponent ??\n        router?.options?.defaultErrorComponent,\n    )\n\n    const routeOnCatch = Vue.computed(\n      () => route.value?.options?.onCatch ?? router?.options?.defaultOnCatch,\n    )\n\n    const routeNotFoundComponent = Vue.computed(() =>\n      route.value?.isRoot\n        ? // If it's the root route, use the globalNotFound option, with fallback to the notFoundRoute's component\n          (route.value?.options?.notFoundComponent ??\n          router?.options?.notFoundRoute?.options?.component)\n        : route.value?.options?.notFoundComponent,\n    )\n\n    const hasShellComponent = Vue.computed(() => {\n      if (!route.value?.isRoot) return false\n      return !!(route.value.options as RootRouteOptions).shellComponent\n    })\n\n    const ShellComponent = Vue.computed(() =>\n      hasShellComponent.value\n        ? ((route.value!.options as RootRouteOptions).shellComponent as any)\n        : null,\n    )\n\n    // Provide routeId context (stable string) for children.\n    // MatchInner, Outlet, and useMatch all consume this.\n    Vue.provide(routeIdContext, routeId)\n\n    // Provide reactive nearest-match context for hooks that slice the active\n    // matches array relative to the current match.\n    const matchIdRef = Vue.computed(\n      () => activeMatch.value?.id ?? props.matchId,\n    )\n    Vue.provide(matchContext, matchIdRef)\n\n    Vue.provide(pendingMatchContext, isPendingMatchRef)\n\n    return (): VNode => {\n      const actualMatchId = matchData.value?.matchId ?? props.matchId\n\n      const resolvedNoSsr =\n        matchData.value?.ssr === false || matchData.value?.ssr === 'data-only'\n      const shouldClientOnly =\n        resolvedNoSsr || !!matchData.value?._displayPending\n\n      const renderMatchContent = (): VNode => {\n        const matchInner = Vue.h(MatchInner, { matchId: actualMatchId })\n\n        let content: VNode = shouldClientOnly\n          ? Vue.h(\n              ClientOnly,\n              {\n                fallback: pendingElement.value,\n              },\n              {\n                default: () => matchInner,\n              },\n            )\n          : matchInner\n\n        // Wrap in NotFound boundary if needed\n        if (routeNotFoundComponent.value) {\n          content = Vue.h(CatchNotFound, {\n            fallback: (error: any) => {\n              // If the current not found handler doesn't exist or it has a\n              // route ID which doesn't match the current route, rethrow the error\n              if (\n                !routeNotFoundComponent.value ||\n                (error.routeId && error.routeId !== matchData.value?.routeId) ||\n                (!error.routeId && route.value && !route.value.isRoot)\n              )\n                throw error\n\n              return Vue.h(routeNotFoundComponent.value, error)\n            },\n            children: content,\n          })\n        }\n\n        // Wrap in error boundary if needed\n        if (routeErrorComponent.value) {\n          content = CatchBoundary({\n            getResetKey: () => matchData.value?.loadedAt ?? 0,\n            errorComponent: routeErrorComponent.value || ErrorComponent,\n            onCatch: (error: Error) => {\n              // Forward not found errors (we don't want to show the error component for these)\n              if (isNotFound(error)) throw error\n              warning(false, `Error in route match: ${actualMatchId}`)\n              routeOnCatch.value?.(error)\n            },\n            children: content,\n          })\n        }\n\n        // Add scroll restoration if needed\n        const withScrollRestoration: Array<VNode> = [\n          content,\n          isChildOfRoot && router.options.scrollRestoration\n            ? Vue.h(Vue.Fragment, null, [\n                Vue.h(OnRendered),\n                Vue.h(ScrollRestoration),\n              ])\n            : null,\n        ].filter(Boolean) as Array<VNode>\n\n        // Return single child directly to avoid Fragment wrapper that causes hydration mismatch\n        if (withScrollRestoration.length === 1) {\n          return withScrollRestoration[0]!\n        }\n\n        return Vue.h(Vue.Fragment, null, withScrollRestoration)\n      }\n\n      if (!hasShellComponent.value) {\n        return renderMatchContent()\n      }\n\n      return Vue.h(ShellComponent.value, null, {\n        // Important: return a fresh VNode on each slot invocation so that shell\n        // components can re-render without reusing a cached VNode instance.\n        default: () => renderMatchContent(),\n      })\n    }\n  },\n})\n\n// On Rendered can't happen above the root layout because it actually\n// renders a dummy dom element to track the rendered state of the app.\n// We render a script tag with a key that changes based on the current\n// location state.__TSR_key. Also, because it's below the root layout, it\n// allows us to fire onRendered events even after a hydration mismatch\n// error that occurred above the root layout (like bad head/link tags,\n// which is common).\nconst OnRendered = Vue.defineComponent({\n  name: 'OnRendered',\n  setup() {\n    const router = useRouter()\n\n    const location = useStore(\n      router.stores.resolvedLocation,\n      (resolvedLocation) => resolvedLocation?.state.__TSR_key,\n    )\n\n    let prevHref: string | undefined\n\n    Vue.watch(\n      location,\n      () => {\n        if (location.value) {\n          const currentHref = router.latestLocation.href\n          if (prevHref === undefined || prevHref !== currentHref) {\n            router.emit({\n              type: 'onRendered',\n              ...getLocationChangeInfo(\n                router.stores.location.state,\n                router.stores.resolvedLocation.state,\n              ),\n            })\n            prevHref = currentHref\n          }\n        }\n      },\n      { immediate: true },\n    )\n\n    return () => null\n  },\n})\n\nexport const MatchInner = Vue.defineComponent({\n  name: 'MatchInner',\n  props: {\n    matchId: {\n      type: String,\n      required: true,\n    },\n  },\n  setup(props) {\n    const router = useRouter()\n\n    // Use routeId from context (provided by parent Match) — stable string.\n    const routeId = Vue.inject(routeIdContext)!\n    const activeMatch = useStore(\n      router.stores.getMatchStoreByRouteId(routeId),\n      (value) => value,\n    )\n\n    // Combined selector for match state AND remount key\n    // This ensures both are computed in the same selector call with consistent data\n    const combinedState = Vue.computed(() => {\n      const match = activeMatch.value\n      if (!match) {\n        // Route no longer exists - truly navigating away\n        return null\n      }\n\n      const matchRouteId = match.routeId as string\n\n      // Compute remount key\n      const remountFn =\n        (router.routesById[matchRouteId] as AnyRoute).options.remountDeps ??\n        router.options.defaultRemountDeps\n\n      let remountKey: string | undefined\n      if (remountFn) {\n        const remountDeps = remountFn({\n          routeId: matchRouteId,\n          loaderDeps: match.loaderDeps,\n          params: match._strictParams,\n          search: match._strictSearch,\n        })\n        remountKey = remountDeps ? JSON.stringify(remountDeps) : undefined\n      }\n\n      return {\n        routeId: matchRouteId,\n        match: {\n          id: match.id,\n          status: match.status,\n          error: match.error,\n          ssr: match.ssr,\n          _forcePending: match._forcePending,\n          _displayPending: match._displayPending,\n        },\n        remountKey,\n      }\n    })\n\n    const route = Vue.computed(() => {\n      if (!combinedState.value) return null\n      return router.routesById[combinedState.value.routeId]!\n    })\n\n    const match = Vue.computed(() => combinedState.value?.match)\n    const remountKey = Vue.computed(() => combinedState.value?.remountKey)\n\n    return (): VNode | null => {\n      // If match doesn't exist, return null (component is being unmounted or not ready)\n      if (!combinedState.value || !match.value || !route.value) return null\n\n      // Handle different match statuses\n      if (match.value._displayPending) {\n        const PendingComponent =\n          route.value.options.pendingComponent ??\n          router.options.defaultPendingComponent\n\n        return PendingComponent ? Vue.h(PendingComponent) : null\n      }\n\n      if (match.value._forcePending) {\n        const PendingComponent =\n          route.value.options.pendingComponent ??\n          router.options.defaultPendingComponent\n\n        return PendingComponent ? Vue.h(PendingComponent) : null\n      }\n\n      if (match.value.status === 'notFound') {\n        invariant(isNotFound(match.value.error), 'Expected a notFound error')\n        return renderRouteNotFound(router, route.value, match.value.error)\n      }\n\n      if (match.value.status === 'redirected') {\n        invariant(isRedirect(match.value.error), 'Expected a redirect error')\n        throw router.getMatch(match.value.id)?._nonReactive.loadPromise\n      }\n\n      if (match.value.status === 'error') {\n        // Check if this route or any parent has an error component\n        const RouteErrorComponent =\n          route.value.options.errorComponent ??\n          router.options.defaultErrorComponent\n\n        // If this route has an error component, render it directly\n        // This is more reliable than relying on Vue's error boundary\n        if (RouteErrorComponent) {\n          return Vue.h(RouteErrorComponent, {\n            error: match.value.error,\n            reset: () => {\n              router.invalidate()\n            },\n            info: {\n              componentStack: '',\n            },\n          })\n        }\n\n        // If there's no error component for this route, throw the error\n        // so it can bubble up to the nearest parent with an error component\n        throw match.value.error\n      }\n\n      if (match.value.status === 'pending') {\n        const pendingMinMs =\n          route.value.options.pendingMinMs ?? router.options.defaultPendingMinMs\n\n        const routerMatch = router.getMatch(match.value.id)\n        if (\n          pendingMinMs &&\n          routerMatch &&\n          !routerMatch._nonReactive.minPendingPromise\n        ) {\n          // Create a promise that will resolve after the minPendingMs\n          if (!(isServer ?? router.isServer)) {\n            const minPendingPromise = createControlledPromise<void>()\n\n            routerMatch._nonReactive.minPendingPromise = minPendingPromise\n\n            setTimeout(() => {\n              minPendingPromise.resolve()\n              // We've handled the minPendingPromise, so we can delete it\n              routerMatch._nonReactive.minPendingPromise = undefined\n            }, pendingMinMs)\n          }\n        }\n\n        // In Vue, we render the pending component directly instead of throwing a promise\n        // because Vue's Suspense doesn't catch thrown promises like React does\n        const PendingComponent =\n          route.value.options.pendingComponent ??\n          router.options.defaultPendingComponent\n\n        if (PendingComponent) {\n          return Vue.h(PendingComponent)\n        }\n\n        // If no pending component, return null while loading\n        return null\n      }\n\n      // Success status - render the component with remount key\n      const Comp =\n        route.value.options.component ?? router.options.defaultComponent\n      const key = remountKey.value\n\n      if (Comp) {\n        // Pass key as a prop - Vue.h properly handles 'key' as a special prop\n        return Vue.h(Comp, key !== undefined ? { key } : undefined)\n      }\n\n      return Vue.h(Outlet, key !== undefined ? { key } : undefined)\n    }\n  },\n})\n\nexport const Outlet = Vue.defineComponent({\n  name: 'Outlet',\n  setup() {\n    const router = useRouter()\n    const parentRouteId = Vue.inject(routeIdContext)\n\n    if (!parentRouteId) {\n      return (): VNode | null => null\n    }\n\n    // Parent state via stable routeId store — single subscription\n    const parentMatch = useStore(\n      router.stores.getMatchStoreByRouteId(parentRouteId),\n      (v) => v,\n    )\n\n    const route = Vue.computed(() =>\n      parentMatch.value\n        ? router.routesById[parentMatch.value.routeId as string]!\n        : undefined,\n    )\n\n    const parentGlobalNotFound = Vue.computed(\n      () => parentMatch.value?.globalNotFound ?? false,\n    )\n\n    // Child match lookup: read the child matchId from the shared derived\n    // map (one reactive node for the whole tree), then grab match state\n    // directly from the pool.\n    const childMatchIdMap = useStore(\n      router.stores.childMatchIdByRouteId,\n      (v) => v,\n    )\n\n    const childMatchData = Vue.computed(() => {\n      const childId = childMatchIdMap.value[parentRouteId]\n      if (!childId) return null\n      const child = router.stores.activeMatchStoresById.get(childId)?.state\n      if (!child) return null\n\n      return {\n        id: child.id,\n        // Key based on routeId + params only (not loaderDeps)\n        // This ensures component recreates when params change,\n        // but NOT when only loaderDeps change\n        paramsKey: child.routeId + JSON.stringify(child._strictParams),\n      }\n    })\n\n    return (): VNode | null => {\n      if (parentGlobalNotFound.value) {\n        if (!route.value) {\n          return null\n        }\n        return renderRouteNotFound(router, route.value, undefined)\n      }\n\n      if (!childMatchData.value) {\n        return null\n      }\n\n      const nextMatch = Vue.h(Match, {\n        matchId: childMatchData.value.id,\n        key: childMatchData.value.paramsKey,\n      })\n\n      // Note: We intentionally do NOT wrap in Suspense here.\n      // The top-level Suspense in Matches already covers the root.\n      // The old code compared matchId (e.g. \"__root__/\") with rootRouteId (\"__root__\")\n      // which never matched, so this Suspense was effectively dead code.\n      // With routeId-based lookup, parentRouteId === rootRouteId would match,\n      // causing a double-Suspense that corrupts Vue's DOM during updates.\n      return nextMatch\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/esm/Matches.js

@@ -1,12 +1,12 @@
 import { CatchBoundary } from "./CatchBoundary.js";
 import { useRouter } from "./useRouter.js";
-import { useRouterState } from "./useRouterState.js";
-import { useTransitionerSetup } from "./Transitioner.js";
 import { matchContext } from "./matchContext.js";
 import { Match } from "./Match.js";
+import { useTransitionerSetup } from "./Transitioner.js";
 import * as Vue from "vue";
 import warning from "tiny-warning";
 import { isServer } from "@tanstack/router-core/isServer";
+import { useStore } from "@tanstack/vue-store";
 //#region src/Matches.tsx
 var MatchesContent = Vue.defineComponent({
 	name: "MatchesContent",
@@ -37,10 +37,8 @@ var MatchesInner = Vue.defineComponent({
 	name: "MatchesInner",
 	setup() {
 		const router = useRouter();
-		const matchId = useRouterState({ select: (s) => {
-			return s.matches[0]?.id;
-		} });
-		const resetKey = useRouterState({ select: (s) => s.loadedAt });
+		const matchId = useStore(router.stores.firstMatchId, (id) => id);
+		const resetKey = useStore(router.stores.loadedAt, (loadedAt) => loadedAt);
 		const matchIdRef = Vue.computed(() => matchId.value);
 		Vue.provide(matchContext, matchIdRef);
 		return () => {
@@ -60,11 +58,7 @@ var MatchesInner = Vue.defineComponent({
 });
 function useMatchRoute() {
 	const router = useRouter();
-	const routerState = useRouterState({ select: (s) => ({
-		locationHref: s.location.href,
-		resolvedLocationHref: s.resolvedLocation?.href,
-		status: s.status
-	}) });
+	const routerState = useStore(router.stores.matchRouteReactivity, (value) => value);
 	return (opts) => {
 		const { pending, caseSensitive, fuzzy, includeSearch, ...rest } = opts;
 		return Vue.computed(() => {
@@ -107,7 +101,7 @@ var MatchRoute = Vue.defineComponent({
 		}
 	},
 	setup(props, { slots }) {
-		const status = useRouterState({ select: (s) => s.status });
+		const status = useStore(useRouter().stores.matchRouteReactivity, (value) => value.status);
 		return () => {
 			if (!status.value) return null;
 			const params = useMatchRoute()(props).value;
@@ -118,10 +112,9 @@ var MatchRoute = Vue.defineComponent({
 	}
 });
 function useMatches(opts) {
-	return useRouterState({ select: (state) => {
-		const matches = state?.matches || [];
+	return useStore(useRouter().stores.activeMatchesSnapshot, (matches) => {
 		return opts?.select ? opts.select(matches) : matches;
-	} });
+	});
 }
 function useParentMatches(opts) {
 	const contextMatchId = Vue.inject(matchContext);

package/dist/esm/Matches.js.map

@@ -1 +1 @@
-{"version":3,"file":"Matches.js","names":["Vue","warning","isServer","CatchBoundary","useRouterState","useRouter","useTransitionerSetup","matchContext","Match","MatchesContent","defineComponent","name","setup","h","MatchesInner","Matches","router","pendingElement","options","defaultPendingComponent","inner","document","ssr","Suspense","fallback","default","InnerWrap","errorComponentFn","props","class","error","message","String","onClick","reset","matchId","select","s","matches","id","resetKey","loadedAt","matchIdRef","computed","value","provide","childElement","disableGlobalCatchBoundary","getResetKey","errorComponent","onCatch","process","env","NODE_ENV","toString","undefined","children","useMatchRoute","routerState","locationHref","location","href","resolvedLocationHref","resolvedLocation","status","opts","pending","caseSensitive","fuzzy","includeSearch","rest","matchRoute","MatchRoute","from","type","required","to","Boolean","slots","params","Fragment","useMatches","state","useParentMatches","contextMatchId","inject","safeMatchId","slice","findIndex","d","useChildMatches"],"sources":["../../src/Matches.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport warning from 'tiny-warning'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { CatchBoundary } from './CatchBoundary'\nimport { useRouterState } from './useRouterState'\nimport { useRouter } from './useRouter'\nimport { useTransitionerSetup } from './Transitioner'\nimport { matchContext } from './matchContext'\nimport { Match } from './Match'\nimport type {\n  AnyRouter,\n  DeepPartial,\n  ErrorComponentProps,\n  MakeOptionalPathParams,\n  MakeOptionalSearchParams,\n  MakeRouteMatchUnion,\n  MaskOptions,\n  MatchRouteOptions,\n  NoInfer,\n  RegisteredRouter,\n  ResolveRelativePath,\n  ResolveRoute,\n  RouteByPath,\n  RouterState,\n  ToSubOptionsProps,\n} from '@tanstack/router-core'\n\n// Define a type for the error component function\ntype ErrorRouteComponentType = (props: ErrorComponentProps) => Vue.VNode\n\ndeclare module '@tanstack/router-core' {\n  export interface RouteMatchExtensions {\n    meta?: Array<Vue.ComponentOptions['meta'] | undefined>\n    links?: Array<Vue.ComponentOptions['link'] | undefined>\n    scripts?: Array<Vue.ComponentOptions['script'] | undefined>\n    headScripts?: Array<Vue.ComponentOptions['script'] | undefined>\n  }\n}\n\n// Create a component that renders MatchesInner with Transitioner's setup logic inlined.\n// This is critical for proper hydration - we call useTransitionerSetup() as a composable\n// rather than rendering it as a component, which avoids Fragment/element mismatches.\nconst MatchesContent = Vue.defineComponent({\n  name: 'MatchesContent',\n  setup() {\n    // IMPORTANT: We need to ensure Transitioner's setup() runs.\n    // Transitioner sets up critical functionality:\n    // - router.startTransition\n    // - History subscription via router.history.subscribe(router.load)\n    // - Watchers for router events\n    //\n    // We inline Transitioner's setup logic here. Since Transitioner returns null,\n    // we can call its setup function directly without affecting the render tree.\n    // This is done by importing and calling useTransitionerSetup.\n    useTransitionerSetup()\n\n    return () => Vue.h(MatchesInner)\n  },\n})\n\nexport const Matches = Vue.defineComponent({\n  name: 'Matches',\n  setup() {\n    const router = useRouter()\n\n    return () => {\n      const pendingElement = router?.options?.defaultPendingComponent\n        ? Vue.h(router.options.defaultPendingComponent)\n        : null\n\n      // Do not render a root Suspense during SSR or hydrating from SSR\n      const inner =\n        (isServer ?? router?.isServer ?? false) ||\n        (typeof document !== 'undefined' && router?.ssr)\n          ? Vue.h(MatchesContent)\n          : Vue.h(\n              Vue.Suspense,\n              { fallback: pendingElement },\n              {\n                default: () => Vue.h(MatchesContent),\n              },\n            )\n\n      return router?.options?.InnerWrap\n        ? Vue.h(router.options.InnerWrap, null, { default: () => inner })\n        : inner\n    }\n  },\n})\n\n// Create a simple error component function that matches ErrorRouteComponent\nconst errorComponentFn: ErrorRouteComponentType = (\n  props: ErrorComponentProps,\n) => {\n  return Vue.h('div', { class: 'error' }, [\n    Vue.h('h1', null, 'Error'),\n    Vue.h('p', null, props.error.message || String(props.error)),\n    Vue.h('button', { onClick: props.reset }, 'Try Again'),\n  ])\n}\n\nconst MatchesInner = Vue.defineComponent({\n  name: 'MatchesInner',\n  setup() {\n    const router = useRouter()\n\n    const matchId = useRouterState({\n      select: (s) => {\n        return s.matches[0]?.id\n      },\n    })\n\n    const resetKey = useRouterState({\n      select: (s) => s.loadedAt,\n    })\n\n    // Create a ref for the match id to provide\n    const matchIdRef = Vue.computed(() => matchId.value)\n\n    // Provide the matchId for child components using the InjectionKey\n    Vue.provide(matchContext, matchIdRef)\n\n    return () => {\n      // Generate a placeholder element if matchId.value is not present\n      const childElement = matchId.value\n        ? Vue.h(Match, { matchId: matchId.value })\n        : Vue.h('div')\n\n      // If disableGlobalCatchBoundary is true, don't wrap in CatchBoundary\n      if (router.options.disableGlobalCatchBoundary) {\n        return childElement\n      }\n\n      return Vue.h(CatchBoundary, {\n        getResetKey: () => resetKey.value,\n        errorComponent: errorComponentFn,\n        onCatch:\n          process.env.NODE_ENV !== 'production'\n            ? (error: Error) => {\n                warning(\n                  false,\n                  `The following error wasn't caught by any route! At the very least, consider setting an 'errorComponent' in your RootRoute!`,\n                )\n                warning(false, error.message || error.toString())\n              }\n            : undefined,\n        children: childElement,\n      })\n    }\n  },\n})\n\nexport type UseMatchRouteOptions<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = undefined,\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '',\n> = ToSubOptionsProps<TRouter, TFrom, TTo> &\n  DeepPartial<MakeOptionalSearchParams<TRouter, TFrom, TTo>> &\n  DeepPartial<MakeOptionalPathParams<TRouter, TFrom, TTo>> &\n  MaskOptions<TRouter, TMaskFrom, TMaskTo> &\n  MatchRouteOptions\n\nexport function useMatchRoute<TRouter extends AnyRouter = RegisteredRouter>() {\n  const router = useRouter()\n\n  // Track state changes to trigger re-computation\n  // Use multiple state values like React does for complete reactivity\n  const routerState = useRouterState({\n    select: (s) => ({\n      locationHref: s.location.href,\n      resolvedLocationHref: s.resolvedLocation?.href,\n      status: s.status,\n    }),\n  })\n\n  return <\n    const TFrom extends string = string,\n    const TTo extends string | undefined = undefined,\n    const TMaskFrom extends string = TFrom,\n    const TMaskTo extends string = '',\n  >(\n    opts: UseMatchRouteOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n  ): Vue.Ref<\n    false | ResolveRoute<TRouter, TFrom, TTo>['types']['allParams']\n  > => {\n    const { pending, caseSensitive, fuzzy, includeSearch, ...rest } = opts\n\n    const matchRoute = Vue.computed(() => {\n      // Access routerState to establish dependency\n\n      routerState.value\n      return router.matchRoute(rest as any, {\n        pending,\n        caseSensitive,\n        fuzzy,\n        includeSearch,\n      })\n    })\n\n    return matchRoute\n  }\n}\n\nexport type MakeMatchRouteOptions<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = undefined,\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '',\n> = UseMatchRouteOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo> & {\n  // If a function is passed as a child, it will be given the `isActive` boolean to aid in further styling on the element it returns\n  children?:\n    | ((\n        params?: RouteByPath<\n          TRouter['routeTree'],\n          ResolveRelativePath<TFrom, NoInfer<TTo>>\n        >['types']['allParams'],\n      ) => Vue.VNode)\n    | Vue.VNode\n}\n\n// Create a type for the MatchRoute component that includes the generics\nexport interface MatchRouteComponentType {\n  <\n    TRouter extends AnyRouter = RegisteredRouter,\n    TFrom extends string = string,\n    TTo extends string | undefined = undefined,\n  >(\n    props: MakeMatchRouteOptions<TRouter, TFrom, TTo>,\n  ): Vue.VNode\n  new (): {\n    $props: {\n      from?: string\n      to?: string\n      fuzzy?: boolean\n      caseSensitive?: boolean\n      includeSearch?: boolean\n      pending?: boolean\n    }\n  }\n}\n\nexport const MatchRoute = Vue.defineComponent({\n  name: 'MatchRoute',\n  props: {\n    // Define props to match MakeMatchRouteOptions\n    from: {\n      type: String,\n      required: false,\n    },\n    to: {\n      type: String,\n      required: false,\n    },\n    fuzzy: {\n      type: Boolean,\n      required: false,\n    },\n    caseSensitive: {\n      type: Boolean,\n      required: false,\n    },\n    includeSearch: {\n      type: Boolean,\n      required: false,\n    },\n    pending: {\n      type: Boolean,\n      required: false,\n    },\n  },\n  setup(props, { slots }) {\n    const status = useRouterState({\n      select: (s) => s.status,\n    })\n\n    return () => {\n      if (!status.value) return null\n\n      const matchRoute = useMatchRoute()\n      const params = matchRoute(props as any).value as boolean\n\n      // Create a component that renders the slot in a reactive manner\n      if (!params || !slots.default) {\n        return null\n      }\n\n      // For function slots, pass the params\n      if (typeof slots.default === 'function') {\n        // Use h to create a wrapper component that will call the slot function\n        return Vue.h(Vue.Fragment, null, slots.default(params))\n      }\n\n      // For normal slots, just render them\n      return Vue.h(Vue.Fragment, null, slots.default)\n    }\n  },\n}) as unknown as MatchRouteComponentType\n\nexport interface UseMatchesBaseOptions<TRouter extends AnyRouter, TSelected> {\n  select?: (matches: Array<MakeRouteMatchUnion<TRouter>>) => TSelected\n}\n\nexport type UseMatchesResult<\n  TRouter extends AnyRouter,\n  TSelected,\n> = unknown extends TSelected ? Array<MakeRouteMatchUnion<TRouter>> : TSelected\n\nexport function useMatches<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseMatchesBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseMatchesResult<TRouter, TSelected>> {\n  return useRouterState({\n    select: (state: RouterState<TRouter['routeTree']>) => {\n      const matches = state?.matches || []\n      return opts?.select\n        ? opts.select(matches as Array<MakeRouteMatchUnion<TRouter>>)\n        : matches\n    },\n  } as any) as Vue.Ref<UseMatchesResult<TRouter, TSelected>>\n}\n\nexport function useParentMatches<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseMatchesBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseMatchesResult<TRouter, TSelected>> {\n  // Use matchContext with proper type\n  const contextMatchId = Vue.inject<Vue.Ref<string | undefined>>(matchContext)\n  const safeMatchId = Vue.computed(() => contextMatchId?.value || '')\n\n  return useMatches({\n    select: (matches: Array<MakeRouteMatchUnion<TRouter>>) => {\n      matches = matches.slice(\n        0,\n        matches.findIndex((d) => d.id === safeMatchId.value),\n      )\n      return opts?.select ? opts.select(matches) : matches\n    },\n  } as any)\n}\n\nexport function useChildMatches<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseMatchesBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseMatchesResult<TRouter, TSelected>> {\n  // Use matchContext with proper type\n  const contextMatchId = Vue.inject<Vue.Ref<string | undefined>>(matchContext)\n  const safeMatchId = Vue.computed(() => contextMatchId?.value || '')\n\n  return useMatches({\n    select: (matches: Array<MakeRouteMatchUnion<TRouter>>) => {\n      matches = matches.slice(\n        matches.findIndex((d) => d.id === safeMatchId.value) + 1,\n      )\n      return opts?.select ? opts.select(matches) : matches\n    },\n  } as any)\n}\n"],"mappings":"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"}
+{"version":3,"file":"Matches.js","names":["Vue","warning","isServer","useStore","CatchBoundary","useRouter","useTransitionerSetup","matchContext","Match","MatchesContent","defineComponent","name","setup","h","MatchesInner","Matches","router","pendingElement","options","defaultPendingComponent","inner","document","ssr","Suspense","fallback","default","InnerWrap","errorComponentFn","props","class","error","message","String","onClick","reset","matchId","stores","firstMatchId","id","resetKey","loadedAt","matchIdRef","computed","value","provide","childElement","disableGlobalCatchBoundary","getResetKey","errorComponent","onCatch","process","env","NODE_ENV","toString","undefined","children","useMatchRoute","routerState","matchRouteReactivity","opts","pending","caseSensitive","fuzzy","includeSearch","rest","matchRoute","MatchRoute","from","type","required","to","Boolean","slots","status","params","Fragment","useMatches","activeMatchesSnapshot","matches","select","useParentMatches","contextMatchId","inject","safeMatchId","slice","findIndex","d","useChildMatches"],"sources":["../../src/Matches.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport warning from 'tiny-warning'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { useStore } from '@tanstack/vue-store'\nimport { CatchBoundary } from './CatchBoundary'\nimport { useRouter } from './useRouter'\nimport { useTransitionerSetup } from './Transitioner'\nimport { matchContext } from './matchContext'\nimport { Match } from './Match'\nimport type {\n  AnyRouter,\n  DeepPartial,\n  ErrorComponentProps,\n  MakeOptionalPathParams,\n  MakeOptionalSearchParams,\n  MakeRouteMatchUnion,\n  MaskOptions,\n  MatchRouteOptions,\n  NoInfer,\n  RegisteredRouter,\n  ResolveRelativePath,\n  ResolveRoute,\n  RouteByPath,\n  ToSubOptionsProps,\n} from '@tanstack/router-core'\n\n// Define a type for the error component function\ntype ErrorRouteComponentType = (props: ErrorComponentProps) => Vue.VNode\n\ndeclare module '@tanstack/router-core' {\n  export interface RouteMatchExtensions {\n    meta?: Array<Vue.ComponentOptions['meta'] | undefined>\n    links?: Array<Vue.ComponentOptions['link'] | undefined>\n    scripts?: Array<Vue.ComponentOptions['script'] | undefined>\n    headScripts?: Array<Vue.ComponentOptions['script'] | undefined>\n  }\n}\n\n// Create a component that renders MatchesInner with Transitioner's setup logic inlined.\n// This is critical for proper hydration - we call useTransitionerSetup() as a composable\n// rather than rendering it as a component, which avoids Fragment/element mismatches.\nconst MatchesContent = Vue.defineComponent({\n  name: 'MatchesContent',\n  setup() {\n    // IMPORTANT: We need to ensure Transitioner's setup() runs.\n    // Transitioner sets up critical functionality:\n    // - router.startTransition\n    // - History subscription via router.history.subscribe(router.load)\n    // - Watchers for router events\n    //\n    // We inline Transitioner's setup logic here. Since Transitioner returns null,\n    // we can call its setup function directly without affecting the render tree.\n    // This is done by importing and calling useTransitionerSetup.\n    useTransitionerSetup()\n\n    return () => Vue.h(MatchesInner)\n  },\n})\n\nexport const Matches = Vue.defineComponent({\n  name: 'Matches',\n  setup() {\n    const router = useRouter()\n\n    return () => {\n      const pendingElement = router?.options?.defaultPendingComponent\n        ? Vue.h(router.options.defaultPendingComponent)\n        : null\n\n      // Do not render a root Suspense during SSR or hydrating from SSR\n      const inner =\n        (isServer ?? router?.isServer ?? false) ||\n        (typeof document !== 'undefined' && router?.ssr)\n          ? Vue.h(MatchesContent)\n          : Vue.h(\n              Vue.Suspense,\n              { fallback: pendingElement },\n              {\n                default: () => Vue.h(MatchesContent),\n              },\n            )\n\n      return router?.options?.InnerWrap\n        ? Vue.h(router.options.InnerWrap, null, { default: () => inner })\n        : inner\n    }\n  },\n})\n\n// Create a simple error component function that matches ErrorRouteComponent\nconst errorComponentFn: ErrorRouteComponentType = (\n  props: ErrorComponentProps,\n) => {\n  return Vue.h('div', { class: 'error' }, [\n    Vue.h('h1', null, 'Error'),\n    Vue.h('p', null, props.error.message || String(props.error)),\n    Vue.h('button', { onClick: props.reset }, 'Try Again'),\n  ])\n}\n\nconst MatchesInner = Vue.defineComponent({\n  name: 'MatchesInner',\n  setup() {\n    const router = useRouter()\n\n    const matchId = useStore(router.stores.firstMatchId, (id) => id)\n    const resetKey = useStore(router.stores.loadedAt, (loadedAt) => loadedAt)\n\n    // Create a ref for the match id to provide\n    const matchIdRef = Vue.computed(() => matchId.value)\n\n    // Provide the matchId for child components using the InjectionKey\n    Vue.provide(matchContext, matchIdRef)\n\n    return () => {\n      // Generate a placeholder element if matchId.value is not present\n      const childElement = matchId.value\n        ? Vue.h(Match, { matchId: matchId.value })\n        : Vue.h('div')\n\n      // If disableGlobalCatchBoundary is true, don't wrap in CatchBoundary\n      if (router.options.disableGlobalCatchBoundary) {\n        return childElement\n      }\n\n      return Vue.h(CatchBoundary, {\n        getResetKey: () => resetKey.value,\n        errorComponent: errorComponentFn,\n        onCatch:\n          process.env.NODE_ENV !== 'production'\n            ? (error: Error) => {\n                warning(\n                  false,\n                  `The following error wasn't caught by any route! At the very least, consider setting an 'errorComponent' in your RootRoute!`,\n                )\n                warning(false, error.message || error.toString())\n              }\n            : undefined,\n        children: childElement,\n      })\n    }\n  },\n})\n\nexport type UseMatchRouteOptions<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = undefined,\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '',\n> = ToSubOptionsProps<TRouter, TFrom, TTo> &\n  DeepPartial<MakeOptionalSearchParams<TRouter, TFrom, TTo>> &\n  DeepPartial<MakeOptionalPathParams<TRouter, TFrom, TTo>> &\n  MaskOptions<TRouter, TMaskFrom, TMaskTo> &\n  MatchRouteOptions\n\nexport function useMatchRoute<TRouter extends AnyRouter = RegisteredRouter>() {\n  const router = useRouter()\n\n  const routerState = useStore(\n    router.stores.matchRouteReactivity,\n    (value) => value,\n  )\n\n  return <\n    const TFrom extends string = string,\n    const TTo extends string | undefined = undefined,\n    const TMaskFrom extends string = TFrom,\n    const TMaskTo extends string = '',\n  >(\n    opts: UseMatchRouteOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n  ): Vue.Ref<\n    false | ResolveRoute<TRouter, TFrom, TTo>['types']['allParams']\n  > => {\n    const { pending, caseSensitive, fuzzy, includeSearch, ...rest } = opts\n\n    const matchRoute = Vue.computed(() => {\n      // Access routerState to establish dependency\n\n      routerState.value\n      return router.matchRoute(rest as any, {\n        pending,\n        caseSensitive,\n        fuzzy,\n        includeSearch,\n      })\n    })\n\n    return matchRoute\n  }\n}\n\nexport type MakeMatchRouteOptions<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = undefined,\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '',\n> = UseMatchRouteOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo> & {\n  // If a function is passed as a child, it will be given the `isActive` boolean to aid in further styling on the element it returns\n  children?:\n    | ((\n        params?: RouteByPath<\n          TRouter['routeTree'],\n          ResolveRelativePath<TFrom, NoInfer<TTo>>\n        >['types']['allParams'],\n      ) => Vue.VNode)\n    | Vue.VNode\n}\n\n// Create a type for the MatchRoute component that includes the generics\nexport interface MatchRouteComponentType {\n  <\n    TRouter extends AnyRouter = RegisteredRouter,\n    TFrom extends string = string,\n    TTo extends string | undefined = undefined,\n  >(\n    props: MakeMatchRouteOptions<TRouter, TFrom, TTo>,\n  ): Vue.VNode\n  new (): {\n    $props: {\n      from?: string\n      to?: string\n      fuzzy?: boolean\n      caseSensitive?: boolean\n      includeSearch?: boolean\n      pending?: boolean\n    }\n  }\n}\n\nexport const MatchRoute = Vue.defineComponent({\n  name: 'MatchRoute',\n  props: {\n    // Define props to match MakeMatchRouteOptions\n    from: {\n      type: String,\n      required: false,\n    },\n    to: {\n      type: String,\n      required: false,\n    },\n    fuzzy: {\n      type: Boolean,\n      required: false,\n    },\n    caseSensitive: {\n      type: Boolean,\n      required: false,\n    },\n    includeSearch: {\n      type: Boolean,\n      required: false,\n    },\n    pending: {\n      type: Boolean,\n      required: false,\n    },\n  },\n  setup(props, { slots }) {\n    const router = useRouter()\n    const status = useStore(\n      router.stores.matchRouteReactivity,\n      (value) => value.status,\n    )\n\n    return () => {\n      if (!status.value) return null\n\n      const matchRoute = useMatchRoute()\n      const params = matchRoute(props as any).value as boolean\n\n      // Create a component that renders the slot in a reactive manner\n      if (!params || !slots.default) {\n        return null\n      }\n\n      // For function slots, pass the params\n      if (typeof slots.default === 'function') {\n        // Use h to create a wrapper component that will call the slot function\n        return Vue.h(Vue.Fragment, null, slots.default(params))\n      }\n\n      // For normal slots, just render them\n      return Vue.h(Vue.Fragment, null, slots.default)\n    }\n  },\n}) as unknown as MatchRouteComponentType\n\nexport interface UseMatchesBaseOptions<TRouter extends AnyRouter, TSelected> {\n  select?: (matches: Array<MakeRouteMatchUnion<TRouter>>) => TSelected\n}\n\nexport type UseMatchesResult<\n  TRouter extends AnyRouter,\n  TSelected,\n> = unknown extends TSelected ? Array<MakeRouteMatchUnion<TRouter>> : TSelected\n\nexport function useMatches<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseMatchesBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseMatchesResult<TRouter, TSelected>> {\n  const router = useRouter<TRouter>()\n  return useStore(router.stores.activeMatchesSnapshot, (matches) => {\n    return opts?.select\n      ? opts.select(matches as Array<MakeRouteMatchUnion<TRouter>>)\n      : (matches as any)\n  })\n}\n\nexport function useParentMatches<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseMatchesBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseMatchesResult<TRouter, TSelected>> {\n  // Use matchContext with proper type\n  const contextMatchId = Vue.inject<Vue.Ref<string | undefined>>(matchContext)\n  const safeMatchId = Vue.computed(() => contextMatchId?.value || '')\n\n  return useMatches({\n    select: (matches: Array<MakeRouteMatchUnion<TRouter>>) => {\n      matches = matches.slice(\n        0,\n        matches.findIndex((d) => d.id === safeMatchId.value),\n      )\n      return opts?.select ? opts.select(matches) : matches\n    },\n  } as any)\n}\n\nexport function useChildMatches<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseMatchesBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseMatchesResult<TRouter, TSelected>> {\n  // Use matchContext with proper type\n  const contextMatchId = Vue.inject<Vue.Ref<string | undefined>>(matchContext)\n  const safeMatchId = Vue.computed(() => contextMatchId?.value || '')\n\n  return useMatches({\n    select: (matches: Array<MakeRouteMatchUnion<TRouter>>) => {\n      matches = matches.slice(\n        matches.findIndex((d) => d.id === safeMatchId.value) + 1,\n      )\n      return opts?.select ? opts.select(matches) : matches\n    },\n  } as any)\n}\n"],"mappings":"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"}

package/dist/esm/Scripts.js

@@ -1,19 +1,20 @@
 import { useRouter } from "./useRouter.js";
-import { useRouterState } from "./useRouterState.js";
 import { Asset } from "./Asset.js";
 import * as Vue from "vue";
 import { Fragment, createVNode, mergeProps } from "vue";
+import { useStore } from "@tanstack/vue-store";
 //#region src/Scripts.tsx
 var Scripts = Vue.defineComponent({
 	name: "Scripts",
 	setup() {
 		const router = useRouter();
 		const nonce = router.options.ssr?.nonce;
-		const assetScripts = useRouterState({ select: (state) => {
+		const matches = useStore(router.stores.activeMatchesSnapshot, (value) => value);
+		const assetScripts = Vue.computed(() => {
 			const assetScripts = [];
 			const manifest = router.ssr?.manifest;
 			if (!manifest) return [];
-			state.matches.map((match) => router.looseRoutesById[match.routeId]).forEach((route) => manifest.routes[route.id]?.assets?.filter((d) => d.tag === "script").forEach((asset) => {
+			matches.value.map((match) => router.looseRoutesById[match.routeId]).forEach((route) => manifest.routes[route.id]?.assets?.filter((d) => d.tag === "script").forEach((asset) => {
 				assetScripts.push({
 					tag: "script",
 					attrs: {
@@ -24,15 +25,15 @@ var Scripts = Vue.defineComponent({
 				});
 			}));
 			return assetScripts;
-		} });
-		const scripts = useRouterState({ select: (state) => ({ scripts: state.matches.map((match) => match.scripts).flat(1).filter(Boolean).map(({ children, ...script }) => ({
+		});
+		const scripts = Vue.computed(() => ({ scripts: matches.value.map((match) => match.scripts).flat(1).filter(Boolean).map(({ children, ...script }) => ({
 			tag: "script",
 			attrs: {
 				...script,
 				nonce
 			},
 			children
-		})) }) });
+		})) }));
 		const mounted = Vue.ref(false);
 		Vue.onMounted(() => {
 			mounted.value = true;

package/dist/esm/Scripts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scripts.js","names":["Vue","Asset","useRouterState","useRouter","Scripts","defineComponent","name","setup","router","nonce","options","ssr","assetScripts","select","state","manifest","matches","map","match","looseRoutesById","routeId","forEach","route","routes","id","assets","filter","d","tag","asset","push","attrs","children","scripts","flat","Boolean","script","mounted","ref","onMounted","value","allScripts","serverSsr","serverBufferedScript","takeBufferedScripts","_createVNode","_Fragment","i","_mergeProps"],"sources":["../../src/Scripts.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { Asset } from './Asset'\nimport { useRouterState } from './useRouterState'\nimport { useRouter } from './useRouter'\nimport type { RouterManagedTag } from '@tanstack/router-core'\n\nexport const Scripts = Vue.defineComponent({\n  name: 'Scripts',\n  setup() {\n    const router = useRouter()\n    const nonce = router.options.ssr?.nonce\n\n    const assetScripts = useRouterState({\n      select: (state) => {\n        const assetScripts: Array<RouterManagedTag> = []\n        const manifest = router.ssr?.manifest\n\n        if (!manifest) {\n          return []\n        }\n\n        state.matches\n          .map((match) => router.looseRoutesById[match.routeId]!)\n          .forEach((route) =>\n            manifest.routes[route.id]?.assets\n              ?.filter((d) => d.tag === 'script')\n              .forEach((asset) => {\n                assetScripts.push({\n                  tag: 'script',\n                  attrs: { ...asset.attrs, nonce },\n                  children: asset.children,\n                } as RouterManagedTag)\n              }),\n          )\n\n        return assetScripts\n      },\n    })\n\n    const scripts = useRouterState({\n      select: (state) => ({\n        scripts: (\n          state.matches\n            .map((match) => match.scripts!)\n            .flat(1)\n            .filter(Boolean) as Array<RouterManagedTag>\n        ).map(({ children, ...script }) => ({\n          tag: 'script' as const,\n          attrs: {\n            ...script,\n            nonce,\n          },\n          children,\n        })),\n      }),\n    })\n\n    const mounted = Vue.ref(false)\n    Vue.onMounted(() => {\n      mounted.value = true\n    })\n\n    return () => {\n      const allScripts: Array<RouterManagedTag> = []\n\n      if (router.serverSsr) {\n        const serverBufferedScript = router.serverSsr.takeBufferedScripts()\n        if (serverBufferedScript) {\n          allScripts.push(serverBufferedScript)\n        }\n      } else if (router.ssr && !mounted.value) {\n        allScripts.push({\n          tag: 'script',\n          attrs: { nonce, 'data-allow-mismatch': true },\n          children: '',\n        } as RouterManagedTag)\n\n        allScripts.push({\n          tag: 'script',\n          attrs: {\n            nonce,\n            id: '$tsr-stream-barrier',\n            'data-allow-mismatch': true,\n          },\n          children: '',\n        } as RouterManagedTag)\n\n        for (const asset of assetScripts.value) {\n          allScripts.push({\n            tag: 'script',\n            attrs: {\n              ...asset.attrs,\n              'data-allow-mismatch': true,\n            },\n            children: '',\n          } as RouterManagedTag)\n        }\n      }\n\n      for (const script of scripts.value.scripts) {\n        allScripts.push(script as RouterManagedTag)\n      }\n\n      if (mounted.value || router.serverSsr) {\n        for (const asset of assetScripts.value) {\n          allScripts.push(asset)\n        }\n      }\n\n      return (\n        <>\n          {allScripts.map((asset, i) => (\n            <Asset {...asset} key={`tsr-scripts-${asset.tag}-${i}`} />\n          ))}\n        </>\n      )\n    }\n  },\n})\n"],"mappings":";;;;;;AAMA,IAAaI,UAAUJ,IAAIK,gBAAgB;CACzCC,MAAM;CACNC,QAAQ;EACN,MAAMC,SAASL,WAAW;EAC1B,MAAMM,QAAQD,OAAOE,QAAQC,KAAKF;EAElC,MAAMG,eAAeV,eAAe,EAClCW,SAASC,UAAU;GACjB,MAAMF,eAAwC,EAAE;GAChD,MAAMG,WAAWP,OAAOG,KAAKI;AAE7B,OAAI,CAACA,SACH,QAAO,EAAE;AAGXD,SAAME,QACHC,KAAKC,UAAUV,OAAOW,gBAAgBD,MAAME,SAAU,CACtDC,SAASC,UACRP,SAASQ,OAAOD,MAAME,KAAKC,QACvBC,QAAQC,MAAMA,EAAEC,QAAQ,SAAS,CAClCP,SAASQ,UAAU;AAClBjB,iBAAakB,KAAK;KAChBF,KAAK;KACLG,OAAO;MAAE,GAAGF,MAAME;MAAOtB;MAAO;KAChCuB,UAAUH,MAAMG;KACG,CAAC;KAE5B,CAAC;AAEH,UAAOpB;KAEV,CAAC;EAEF,MAAMqB,UAAU/B,eAAe,EAC7BW,SAASC,WAAW,EAClBmB,SACEnB,MAAME,QACHC,KAAKC,UAAUA,MAAMe,QAAS,CAC9BC,KAAK,EAAE,CACPR,OAAOS,QAAQ,CAClBlB,KAAK,EAAEe,UAAU,GAAGI,cAAc;GAClCR,KAAK;GACLG,OAAO;IACL,GAAGK;IACH3B;IACD;GACDuB;GACD,EAAC,EACH,GACF,CAAC;EAEF,MAAMK,UAAUrC,IAAIsC,IAAI,MAAM;AAC9BtC,MAAIuC,gBAAgB;AAClBF,WAAQG,QAAQ;IAChB;AAEF,eAAa;GACX,MAAMC,aAAsC,EAAE;AAE9C,OAAIjC,OAAOkC,WAAW;IACpB,MAAMC,uBAAuBnC,OAAOkC,UAAUE,qBAAqB;AACnE,QAAID,qBACFF,YAAWX,KAAKa,qBAAqB;cAE9BnC,OAAOG,OAAO,CAAC0B,QAAQG,OAAO;AACvCC,eAAWX,KAAK;KACdF,KAAK;KACLG,OAAO;MAAEtB;MAAO,uBAAuB;MAAM;KAC7CuB,UAAU;KACS,CAAC;AAEtBS,eAAWX,KAAK;KACdF,KAAK;KACLG,OAAO;MACLtB;MACAe,IAAI;MACJ,uBAAuB;MACxB;KACDQ,UAAU;KACS,CAAC;AAEtB,SAAK,MAAMH,SAASjB,aAAa4B,MAC/BC,YAAWX,KAAK;KACdF,KAAK;KACLG,OAAO;MACL,GAAGF,MAAME;MACT,uBAAuB;MACxB;KACDC,UAAU;KACS,CAAC;;AAI1B,QAAK,MAAMI,UAAUH,QAAQO,MAAMP,QACjCQ,YAAWX,KAAKM,OAA2B;AAG7C,OAAIC,QAAQG,SAAShC,OAAOkC,UAC1B,MAAK,MAAMb,SAASjB,aAAa4B,MAC/BC,YAAWX,KAAKD,MAAM;AAI1B,UAAAgB,YAAAC,UAAA,MAAA,CAEKL,WAAWxB,KAAKY,OAAOkB,MAACF,YAAA5C,OAAA+C,WACZnB,OAAK,EAAA,OAAO,eAAeA,MAAMD,IAAG,GAAImB,KAAG,CAAA,EAAA,KACvD,CAAC,CAAA,CAAA;;;CAKX,CAAC"}
+{"version":3,"file":"Scripts.js","names":["Vue","useStore","Asset","useRouter","Scripts","defineComponent","name","setup","router","nonce","options","ssr","matches","stores","activeMatchesSnapshot","value","assetScripts","computed","manifest","map","match","looseRoutesById","routeId","forEach","route","routes","id","assets","filter","d","tag","asset","push","attrs","children","scripts","flat","Boolean","script","mounted","ref","onMounted","allScripts","serverSsr","serverBufferedScript","takeBufferedScripts","_createVNode","_Fragment","i","_mergeProps"],"sources":["../../src/Scripts.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { useStore } from '@tanstack/vue-store'\nimport { Asset } from './Asset'\nimport { useRouter } from './useRouter'\nimport type { RouterManagedTag } from '@tanstack/router-core'\n\nexport const Scripts = Vue.defineComponent({\n  name: 'Scripts',\n  setup() {\n    const router = useRouter()\n    const nonce = router.options.ssr?.nonce\n    const matches = useStore(\n      router.stores.activeMatchesSnapshot,\n      (value) => value,\n    )\n\n    const assetScripts = Vue.computed<Array<RouterManagedTag>>(() => {\n      const assetScripts: Array<RouterManagedTag> = []\n      const manifest = router.ssr?.manifest\n\n      if (!manifest) {\n        return []\n      }\n\n      matches.value\n        .map((match) => router.looseRoutesById[match.routeId]!)\n        .forEach((route) =>\n          manifest.routes[route.id]?.assets\n            ?.filter((d) => d.tag === 'script')\n            .forEach((asset) => {\n              assetScripts.push({\n                tag: 'script',\n                attrs: { ...asset.attrs, nonce },\n                children: asset.children,\n              } as RouterManagedTag)\n            }),\n        )\n\n      return assetScripts\n    })\n\n    const scripts = Vue.computed(() => ({\n      scripts: (\n        matches.value\n          .map((match) => match.scripts!)\n          .flat(1)\n          .filter(Boolean) as Array<RouterManagedTag>\n      ).map(({ children, ...script }) => ({\n        tag: 'script' as const,\n        attrs: {\n          ...script,\n          nonce,\n        },\n        children,\n      })),\n    }))\n\n    const mounted = Vue.ref(false)\n    Vue.onMounted(() => {\n      mounted.value = true\n    })\n\n    return () => {\n      const allScripts: Array<RouterManagedTag> = []\n\n      if (router.serverSsr) {\n        const serverBufferedScript = router.serverSsr.takeBufferedScripts()\n        if (serverBufferedScript) {\n          allScripts.push(serverBufferedScript)\n        }\n      } else if (router.ssr && !mounted.value) {\n        allScripts.push({\n          tag: 'script',\n          attrs: { nonce, 'data-allow-mismatch': true },\n          children: '',\n        } as RouterManagedTag)\n\n        allScripts.push({\n          tag: 'script',\n          attrs: {\n            nonce,\n            id: '$tsr-stream-barrier',\n            'data-allow-mismatch': true,\n          },\n          children: '',\n        } as RouterManagedTag)\n\n        for (const asset of assetScripts.value) {\n          allScripts.push({\n            tag: 'script',\n            attrs: {\n              ...asset.attrs,\n              'data-allow-mismatch': true,\n            },\n            children: '',\n          } as RouterManagedTag)\n        }\n      }\n\n      for (const script of scripts.value.scripts) {\n        allScripts.push(script as RouterManagedTag)\n      }\n\n      if (mounted.value || router.serverSsr) {\n        for (const asset of assetScripts.value) {\n          allScripts.push(asset)\n        }\n      }\n\n      return (\n        <>\n          {allScripts.map((asset, i) => (\n            <Asset {...asset} key={`tsr-scripts-${asset.tag}-${i}`} />\n          ))}\n        </>\n      )\n    }\n  },\n})\n"],"mappings":";;;;;;AAMA,IAAaI,UAAUJ,IAAIK,gBAAgB;CACzCC,MAAM;CACNC,QAAQ;EACN,MAAMC,SAASL,WAAW;EAC1B,MAAMM,QAAQD,OAAOE,QAAQC,KAAKF;EAClC,MAAMG,UAAUX,SACdO,OAAOK,OAAOC,wBACbC,UAAUA,MACZ;EAED,MAAMC,eAAehB,IAAIiB,eAAwC;GAC/D,MAAMD,eAAwC,EAAE;GAChD,MAAME,WAAWV,OAAOG,KAAKO;AAE7B,OAAI,CAACA,SACH,QAAO,EAAE;AAGXN,WAAQG,MACLI,KAAKC,UAAUZ,OAAOa,gBAAgBD,MAAME,SAAU,CACtDC,SAASC,UACRN,SAASO,OAAOD,MAAME,KAAKC,QACvBC,QAAQC,MAAMA,EAAEC,QAAQ,SAAS,CAClCP,SAASQ,UAAU;AAClBf,iBAAagB,KAAK;KAChBF,KAAK;KACLG,OAAO;MAAE,GAAGF,MAAME;MAAOxB;MAAO;KAChCyB,UAAUH,MAAMG;KACG,CAAC;KAE5B,CAAC;AAEH,UAAOlB;IACP;EAEF,MAAMmB,UAAUnC,IAAIiB,gBAAgB,EAClCkB,SACEvB,QAAQG,MACLI,KAAKC,UAAUA,MAAMe,QAAS,CAC9BC,KAAK,EAAE,CACPR,OAAOS,QAAQ,CAClBlB,KAAK,EAAEe,UAAU,GAAGI,cAAc;GAClCR,KAAK;GACLG,OAAO;IACL,GAAGK;IACH7B;IACD;GACDyB;GACD,EAAC,EACH,EAAE;EAEH,MAAMK,UAAUvC,IAAIwC,IAAI,MAAM;AAC9BxC,MAAIyC,gBAAgB;AAClBF,WAAQxB,QAAQ;IAChB;AAEF,eAAa;GACX,MAAM2B,aAAsC,EAAE;AAE9C,OAAIlC,OAAOmC,WAAW;IACpB,MAAMC,uBAAuBpC,OAAOmC,UAAUE,qBAAqB;AACnE,QAAID,qBACFF,YAAWV,KAAKY,qBAAqB;cAE9BpC,OAAOG,OAAO,CAAC4B,QAAQxB,OAAO;AACvC2B,eAAWV,KAAK;KACdF,KAAK;KACLG,OAAO;MAAExB;MAAO,uBAAuB;MAAM;KAC7CyB,UAAU;KACS,CAAC;AAEtBQ,eAAWV,KAAK;KACdF,KAAK;KACLG,OAAO;MACLxB;MACAiB,IAAI;MACJ,uBAAuB;MACxB;KACDQ,UAAU;KACS,CAAC;AAEtB,SAAK,MAAMH,SAASf,aAAaD,MAC/B2B,YAAWV,KAAK;KACdF,KAAK;KACLG,OAAO;MACL,GAAGF,MAAME;MACT,uBAAuB;MACxB;KACDC,UAAU;KACS,CAAC;;AAI1B,QAAK,MAAMI,UAAUH,QAAQpB,MAAMoB,QACjCO,YAAWV,KAAKM,OAA2B;AAG7C,OAAIC,QAAQxB,SAASP,OAAOmC,UAC1B,MAAK,MAAMZ,SAASf,aAAaD,MAC/B2B,YAAWV,KAAKD,MAAM;AAI1B,UAAAe,YAAAC,UAAA,MAAA,CAEKL,WAAWvB,KAAKY,OAAOiB,MAACF,YAAA5C,OAAA+C,WACZlB,OAAK,EAAA,OAAO,eAAeA,MAAMD,IAAG,GAAIkB,KAAG,CAAA,EAAA,KACvD,CAAC,CAAA,CAAA;;;CAKX,CAAC"}