@tanstack/vue-router 1.168.12 → 1.168.13

package/dist/esm/Match.js

@@ -101,7 +101,7 @@ var OnRendered = Vue.defineComponent({
 				if (prevHref === void 0 || prevHref !== currentHref) {
 					router.emit({
 						type: "onRendered",
-						...getLocationChangeInfo(router.stores.location.state, router.stores.resolvedLocation.state)
+						...getLocationChangeInfo(router.stores.location.get(), router.stores.resolvedLocation.get())
 					});
 					prevHref = currentHref;
 				}
@@ -230,7 +230,7 @@ var Outlet = Vue.defineComponent({
 		const childMatchData = Vue.computed(() => {
 			const childId = childMatchIdMap.value[parentRouteId];
 			if (!childId) return null;
-			const child = router.stores.activeMatchStoresById.get(childId)?.state;
+			const child = router.stores.activeMatchStoresById.get(childId)?.get();
 			if (!child) return null;
 			return {
 				id: child.id,

package/dist/esm/Match.js.map

@@ -1 +1 @@
-{"version":3,"file":"Match.js","names":["Vue","createControlledPromise","getLocationChangeInfo","invariant","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","process","env","NODE_ENV","Error","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","console","warn","withScrollRestoration","Fragment","OnRendered","scrollRestoration","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","_nonReactive","getMatchPromise","key","getMatch","RouteErrorComponent","reset","invalidate","info","componentStack","pendingMinMs","defaultPendingMinMs","routerMatch","minPendingPromise","setTimeout","resolve","Comp","defaultComponent","Outlet","parentRouteId","parentMatch","v","parentGlobalNotFound","globalNotFound","childMatchIdMap","childMatchIdByRouteId","childMatchData","childId","child","paramsKey","nextMatch"],"sources":["../../src/Match.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  createControlledPromise,\n  getLocationChangeInfo,\n  invariant,\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    if (!routeId) {\n      if (process.env.NODE_ENV !== 'production') {\n        throw new Error(\n          `Invariant failed: Could not find routeId for matchId \"${props.matchId}\". Please file an issue!`,\n        )\n      }\n\n      invariant()\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              error.routeId ??= matchData.value?.routeId as any\n\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)) {\n                error.routeId ??= matchData.value?.routeId as any\n                throw error\n              }\n              if (process.env.NODE_ENV !== 'production') {\n                console.warn(`Warning: Error in route match: ${actualMatchId}`)\n              }\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\n            ? Vue.h(Vue.Fragment, null, [\n                Vue.h(OnRendered),\n                router.options.scrollRestoration &&\n                (isServer ?? router.isServer)\n                  ? Vue.h(ScrollRestoration)\n                  : null,\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          _nonReactive: match._nonReactive,\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    const getMatchPromise = (\n      match: {\n        id: string\n        _nonReactive: {\n          displayPendingPromise?: Promise<void>\n          minPendingPromise?: Promise<void>\n          loadPromise?: Promise<void>\n        }\n      },\n      key: 'displayPendingPromise' | 'minPendingPromise' | 'loadPromise',\n    ) => {\n      return (\n        router.getMatch(match.id)?._nonReactive[key] ?? match._nonReactive[key]\n      )\n    }\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        if (!isNotFound(match.value.error)) {\n          if (process.env.NODE_ENV !== 'production') {\n            throw new Error('Invariant failed: Expected a notFound error')\n          }\n\n          invariant()\n        }\n        return renderRouteNotFound(router, route.value, match.value.error)\n      }\n\n      if (match.value.status === 'redirected') {\n        if (!isRedirect(match.value.error)) {\n          if (process.env.NODE_ENV !== 'production') {\n            throw new Error('Invariant failed: Expected a redirect error')\n          }\n\n          invariant()\n        }\n        throw getMatchPromise(match.value, '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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"}
+{"version":3,"file":"Match.js","names":["Vue","createControlledPromise","getLocationChangeInfo","invariant","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","process","env","NODE_ENV","Error","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","console","warn","withScrollRestoration","Fragment","OnRendered","scrollRestoration","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","_nonReactive","getMatchPromise","key","getMatch","RouteErrorComponent","reset","invalidate","info","componentStack","pendingMinMs","defaultPendingMinMs","routerMatch","minPendingPromise","setTimeout","resolve","Comp","defaultComponent","Outlet","parentRouteId","parentMatch","v","parentGlobalNotFound","globalNotFound","childMatchIdMap","childMatchIdByRouteId","childMatchData","childId","child","paramsKey","nextMatch"],"sources":["../../src/Match.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  createControlledPromise,\n  getLocationChangeInfo,\n  invariant,\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    if (!routeId) {\n      if (process.env.NODE_ENV !== 'production') {\n        throw new Error(\n          `Invariant failed: Could not find routeId for matchId \"${props.matchId}\". Please file an issue!`,\n        )\n      }\n\n      invariant()\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              error.routeId ??= matchData.value?.routeId as any\n\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)) {\n                error.routeId ??= matchData.value?.routeId as any\n                throw error\n              }\n              if (process.env.NODE_ENV !== 'production') {\n                console.warn(`Warning: Error in route match: ${actualMatchId}`)\n              }\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\n            ? Vue.h(Vue.Fragment, null, [\n                Vue.h(OnRendered),\n                router.options.scrollRestoration &&\n                (isServer ?? router.isServer)\n                  ? Vue.h(ScrollRestoration)\n                  : null,\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.get(),\n                router.stores.resolvedLocation.get(),\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          _nonReactive: match._nonReactive,\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    const getMatchPromise = (\n      match: {\n        id: string\n        _nonReactive: {\n          displayPendingPromise?: Promise<void>\n          minPendingPromise?: Promise<void>\n          loadPromise?: Promise<void>\n        }\n      },\n      key: 'displayPendingPromise' | 'minPendingPromise' | 'loadPromise',\n    ) => {\n      return (\n        router.getMatch(match.id)?._nonReactive[key] ?? match._nonReactive[key]\n      )\n    }\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        if (!isNotFound(match.value.error)) {\n          if (process.env.NODE_ENV !== 'production') {\n            throw new Error('Invariant failed: Expected a notFound error')\n          }\n\n          invariant()\n        }\n        return renderRouteNotFound(router, route.value, match.value.error)\n      }\n\n      if (match.value.status === 'redirected') {\n        if (!isRedirect(match.value.error)) {\n          if (process.env.NODE_ENV !== 'production') {\n            throw new Error('Invariant failed: Expected a redirect error')\n          }\n\n          invariant()\n        }\n        throw getMatchPromise(match.value, '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)?.get()\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":";;;;;;;;;;;;AAyBA,IAAamB,QAAQnB,IAAIoB,gBAAgB;CACvCC,MAAM;CACNC,OAAO,EACLC,SAAS;EACPC,MAAMC;EACNC,UAAU;EACZ,EACD;CACDC,MAAML,OAAO;EACX,MAAMM,SAAShB,WAAW;EAK1B,MAAMiB,UAAUD,OAAOE,OAAOC,sBAAsBC,IAClDV,MAAMC,QACP,EAAEM;AAEH,MAAI,CAACA,SAAS;AACZ,OAAA,QAAA,IAAA,aAA6B,aAC3B,OAAM,IAAIO,MACR,yDAAyDd,MAAMC,QAAO,0BACvE;AAGHpB,cAAW;;EAKb,MAAMkC,gBACHT,OAAOU,WAAWT,UAAuBU,aAAaC,OAAOlC;EAKhE,MAAMmC,cAAcjC,SAClBoB,OAAOE,OAAOY,uBAAuBb,QAAQ,GAC5Cc,UAAUA,MACZ;EACD,MAAMC,oBAAoBpC,SACxBoB,OAAOE,OAAOe,kBACbA,oBAAoBC,QAAQD,gBAAgBhB,SAAS,EACtD,EAAEkB,OAAOC,OAAOC,IAClB,CAAC;EACD,MAAMC,WAAW1C,SAASoB,OAAOE,OAAOoB,WAAWP,UAAUA,MAAM;EAEnE,MAAMQ,YAAYnD,IAAIoD,eAAe;GACnC,MAAMC,QAAQZ,YAAYE;AAC1B,OAAI,CAACU,MACH,QAAO;AAGT,UAAO;IACL9B,SAAS8B,MAAMb;IACfX;IACAqB,UAAUA,SAASP;IACnBW,KAAKD,MAAMC;IACXC,iBAAiBF,MAAME;IACxB;IACD;EAEF,MAAMC,QAAQxD,IAAIoD,eAChBD,UAAUR,QAAQf,OAAOU,WAAWa,UAAUR,MAAMd,WAAW,KAChE;EAED,MAAM4B,mBAAmBzD,IAAIoD,eAEzBI,MAAMb,OAAOe,SAASC,oBACtB/B,QAAQ8B,SAASE,wBACpB;EAED,MAAMC,iBAAiB7D,IAAIoD,eACzBK,iBAAiBd,QAAQ3C,IAAI8D,EAAEL,iBAAiBd,MAAM,GAAGoB,KAAAA,EAC1D;EAED,MAAMC,sBAAsBhE,IAAIoD,eAE5BI,MAAMb,OAAOe,SAASO,kBACtBrC,QAAQ8B,SAASQ,sBACpB;EAED,MAAMC,eAAenE,IAAIoD,eACjBI,MAAMb,OAAOe,SAASU,WAAWxC,QAAQ8B,SAASW,eACzD;EAED,MAAMC,yBAAyBtE,IAAIoD,eACjCI,MAAMb,OAAO4B,SAERf,MAAMb,OAAOe,SAASc,qBACvB5C,QAAQ8B,SAASe,eAAef,SAASgB,YACzClB,MAAMb,OAAOe,SAASc,kBAC3B;EAED,MAAMG,oBAAoB3E,IAAIoD,eAAe;AAC3C,OAAI,CAACI,MAAMb,OAAO4B,OAAQ,QAAO;AACjC,UAAO,CAAC,CAAEf,MAAMb,MAAMe,QAA6BkB;IACnD;EAEF,MAAMC,iBAAiB7E,IAAIoD,eACzBuB,kBAAkBhC,QACZa,MAAMb,MAAOe,QAA6BkB,iBAC5C,KACL;AAID5E,MAAI8E,QAAQ9D,gBAAgBa,QAAQ;EAIpC,MAAMkD,aAAa/E,IAAIoD,eACfX,YAAYE,OAAOH,MAAMlB,MAAMC,QACtC;AACDvB,MAAI8E,QAAQhE,cAAciE,WAAW;AAErC/E,MAAI8E,QAAQ/D,qBAAqB6B,kBAAkB;AAEnD,eAAoB;GAClB,MAAMoC,gBAAgB7B,UAAUR,OAAOpB,WAAWD,MAAMC;GAIxD,MAAM2D,mBADJ/B,UAAUR,OAAOW,QAAQ,SAASH,UAAUR,OAAOW,QAAQ,eAE1C,CAAC,CAACH,UAAUR,OAAOY;GAEtC,MAAM4B,2BAAkC;IACtC,MAAMC,aAAapF,IAAI8D,EAAEuB,YAAY,EAAE9D,SAASyD,eAAe,CAAC;IAEhE,IAAIM,UAAiBJ,mBACjBlF,IAAI8D,EACFnD,YACA,EACE4E,UAAU1B,eAAelB,OAC1B,EACD,EACE6C,eAAeJ,YAEnB,CAAC,GACDA;AAGJ,QAAId,uBAAuB3B,MACzB2C,WAAUtF,IAAI8D,EAAEjD,eAAe;KAC7B0E,WAAWE,UAAe;AACxBA,YAAM5D,YAAYsB,UAAUR,OAAOd;AAInC,UACE,CAACyC,uBAAuB3B,SACvB8C,MAAM5D,WAAW4D,MAAM5D,YAAYsB,UAAUR,OAAOd,WACpD,CAAC4D,MAAM5D,WAAW2B,MAAMb,SAAS,CAACa,MAAMb,MAAM4B,OAE/C,OAAMkB;AAER,aAAOzF,IAAI8D,EAAEQ,uBAAuB3B,OAAO8C,MAAM;;KAEnDC,UAAUJ;KACX,CAAC;AAIJ,QAAItB,oBAAoBrB,MACtB2C,WAAU7E,cAAc;KACtBkF,mBAAmBxC,UAAUR,OAAOO,YAAY;KAChDe,gBAAgBD,oBAAoBrB,SAASjC;KAC7C0D,UAAUqB,UAAiB;AAEzB,UAAIrF,WAAWqF,MAAM,EAAE;AACrBA,aAAM5D,YAAYsB,UAAUR,OAAOd;AACnC,aAAM4D;;AAER,UAAA,QAAA,IAAA,aAA6B,aAC3BG,SAAQC,KAAK,kCAAkCb,gBAAgB;AAEjEb,mBAAaxB,QAAQ8C,MAAM;;KAE7BC,UAAUJ;KACX,CAAC;IAIJ,MAAMQ,wBAAsC,CAC1CR,SACAjD,gBACIrC,IAAI8D,EAAE9D,IAAI+F,UAAU,MAAM,CACxB/F,IAAI8D,EAAEkC,WAAW,EACjBpE,OAAO8B,QAAQuC,sBACd1F,YAAYqB,OAAOrB,YAChBP,IAAI8D,EAAE5C,kBAAkB,GACxB,KACL,CAAC,GACF,KACL,CAACgF,OAAOpD,QAAwB;AAGjC,QAAIgD,sBAAsBK,WAAW,EACnC,QAAOL,sBAAsB;AAG/B,WAAO9F,IAAI8D,EAAE9D,IAAI+F,UAAU,MAAMD,sBAAsB;;AAGzD,OAAI,CAACnB,kBAAkBhC,MACrB,QAAOwC,oBAAoB;AAG7B,UAAOnF,IAAI8D,EAAEe,eAAelC,OAAO,MAAM,EAGvC6C,eAAeL,oBAAmB,EACnC,CAAC;;;CAGP,CAAC;AASF,IAAMa,aAAahG,IAAIoB,gBAAgB;CACrCC,MAAM;CACNM,QAAQ;EACN,MAAMC,SAAShB,WAAW;EAE1B,MAAMwF,WAAW5F,SACfoB,OAAOE,OAAOuE,mBACbA,qBAAqBA,kBAAkBC,MAAMC,UAC/C;EAED,IAAIC;AAEJxG,MAAIyG,MACFL,gBACM;AACJ,OAAIA,SAASzD,OAAO;IAClB,MAAM+D,cAAc9E,OAAO+E,eAAeC;AAC1C,QAAIJ,aAAazC,KAAAA,KAAayC,aAAaE,aAAa;AACtD9E,YAAOiF,KAAK;MACVrF,MAAM;MACN,GAAGtB,sBACD0B,OAAOE,OAAOsE,SAASpE,KAAK,EAC5BJ,OAAOE,OAAOuE,iBAAiBrE,KACjC,CAAA;MACD,CAAC;AACFwE,gBAAWE;;;KAIjB,EAAEI,WAAW,MACf,CAAC;AAED,eAAa;;CAEhB,CAAC;AAEF,IAAazB,aAAarF,IAAIoB,gBAAgB;CAC5CC,MAAM;CACNC,OAAO,EACLC,SAAS;EACPC,MAAMC;EACNC,UAAU;EACZ,EACD;CACDC,MAAML,OAAO;EACX,MAAMM,SAAShB,WAAW;EAG1B,MAAMiB,UAAU7B,IAAI+G,OAAO/F,eAAgB;EAC3C,MAAMyB,cAAcjC,SAClBoB,OAAOE,OAAOY,uBAAuBb,QAAQ,GAC5Cc,UAAUA,MACZ;EAID,MAAMqE,gBAAgBhH,IAAIoD,eAAe;GACvC,MAAMC,QAAQZ,YAAYE;AAC1B,OAAI,CAACU,MAEH,QAAO;GAGT,MAAM4D,eAAe5D,MAAMxB;GAG3B,MAAMqF,YACHtF,OAAOU,WAAW2E,cAA2BvD,QAAQyD,eACtDvF,OAAO8B,QAAQ0D;GAEjB,IAAIC;AACJ,OAAIH,WAAW;IACb,MAAMC,cAAcD,UAAU;KAC5BrF,SAASoF;KACTK,YAAYjE,MAAMiE;KAClBC,QAAQlE,MAAMmE;KACdC,QAAQpE,MAAMqE;KACf,CAAC;AACFL,iBAAaF,cAAcQ,KAAKC,UAAUT,YAAY,GAAGpD,KAAAA;;AAG3D,UAAO;IACLlC,SAASoF;IACT5D,OAAO;KACLb,IAAIa,MAAMb;KACVqF,QAAQxE,MAAMwE;KACdpC,OAAOpC,MAAMoC;KACbnC,KAAKD,MAAMC;KACXwE,eAAezE,MAAMyE;KACrBvE,iBAAiBF,MAAME;KACvBwE,cAAc1E,MAAM0E;KACrB;IACDV;IACD;IACD;EAEF,MAAM7D,QAAQxD,IAAIoD,eAAe;AAC/B,OAAI,CAAC4D,cAAcrE,MAAO,QAAO;AACjC,UAAOf,OAAOU,WAAW0E,cAAcrE,MAAMd;IAC7C;EAEF,MAAMwB,QAAQrD,IAAIoD,eAAe4D,cAAcrE,OAAOU,MAAM;EAC5D,MAAMgE,aAAarH,IAAIoD,eAAe4D,cAAcrE,OAAO0E,WAAW;EAEtE,MAAMW,mBACJ3E,OAQA4E,QACG;AACH,UACErG,OAAOsG,SAAS7E,MAAMb,GAAG,EAAEuF,aAAaE,QAAQ5E,MAAM0E,aAAaE;;AAIvE,eAA2B;AAEzB,OAAI,CAACjB,cAAcrE,SAAS,CAACU,MAAMV,SAAS,CAACa,MAAMb,MAAO,QAAO;AAGjE,OAAIU,MAAMV,MAAMY,iBAAiB;IAC/B,MAAME,mBACJD,MAAMb,MAAMe,QAAQC,oBACpB/B,OAAO8B,QAAQE;AAEjB,WAAOH,mBAAmBzD,IAAI8D,EAAEL,iBAAiB,GAAG;;AAGtD,OAAIJ,MAAMV,MAAMmF,eAAe;IAC7B,MAAMrE,mBACJD,MAAMb,MAAMe,QAAQC,oBACpB/B,OAAO8B,QAAQE;AAEjB,WAAOH,mBAAmBzD,IAAI8D,EAAEL,iBAAiB,GAAG;;AAGtD,OAAIJ,MAAMV,MAAMkF,WAAW,YAAY;AACrC,QAAI,CAACzH,WAAWiD,MAAMV,MAAM8C,MAAM,EAAE;AAClC,SAAA,QAAA,IAAA,aAA6B,aAC3B,OAAM,IAAIrD,MAAM,8CAA8C;AAGhEjC,gBAAW;;AAEb,WAAOc,oBAAoBW,QAAQ4B,MAAMb,OAAOU,MAAMV,MAAM8C,MAAM;;AAGpE,OAAIpC,MAAMV,MAAMkF,WAAW,cAAc;AACvC,QAAI,CAACxH,WAAWgD,MAAMV,MAAM8C,MAAM,EAAE;AAClC,SAAA,QAAA,IAAA,aAA6B,aAC3B,OAAM,IAAIrD,MAAM,8CAA8C;AAGhEjC,gBAAW;;AAEb,UAAM6H,gBAAgB3E,MAAMV,OAAO,cAAc;;AAGnD,OAAIU,MAAMV,MAAMkF,WAAW,SAAS;IAElC,MAAMM,sBACJ3E,MAAMb,MAAMe,QAAQO,kBACpBrC,OAAO8B,QAAQQ;AAIjB,QAAIiE,oBACF,QAAOnI,IAAI8D,EAAEqE,qBAAqB;KAChC1C,OAAOpC,MAAMV,MAAM8C;KACnB2C,aAAa;AACXxG,aAAOyG,YAAY;;KAErBC,MAAM,EACJC,gBAAgB,IAClB;KACD,CAAC;AAKJ,UAAMlF,MAAMV,MAAM8C;;AAGpB,OAAIpC,MAAMV,MAAMkF,WAAW,WAAW;IACpC,MAAMW,eACJhF,MAAMb,MAAMe,QAAQ8E,gBAAgB5G,OAAO8B,QAAQ+E;IAErD,MAAMC,cAAc9G,OAAOsG,SAAS7E,MAAMV,MAAMH,GAAG;AACnD,QACEgG,gBACAE,eACA,CAACA,YAAYX,aAAaY;SAGtB,EAAEpI,YAAYqB,OAAOrB,WAAW;MAClC,MAAMoI,oBAAoB1I,yBAA+B;AAEzDyI,kBAAYX,aAAaY,oBAAoBA;AAE7CC,uBAAiB;AACfD,yBAAkBE,SAAS;AAE3BH,mBAAYX,aAAaY,oBAAoB5E,KAAAA;SAC5CyE,aAAa;;;IAMpB,MAAM/E,mBACJD,MAAMb,MAAMe,QAAQC,oBACpB/B,OAAO8B,QAAQE;AAEjB,QAAIH,iBACF,QAAOzD,IAAI8D,EAAEL,iBAAiB;AAIhC,WAAO;;GAIT,MAAMqF,OACJtF,MAAMb,MAAMe,QAAQgB,aAAa9C,OAAO8B,QAAQqF;GAClD,MAAMd,MAAMZ,WAAW1E;AAEvB,OAAImG,KAEF,QAAO9I,IAAI8D,EAAEgF,MAAMb,QAAQlE,KAAAA,IAAY,EAAEkE,KAAK,GAAGlE,KAAAA,EAAU;AAG7D,UAAO/D,IAAI8D,EAAEkF,QAAQf,QAAQlE,KAAAA,IAAY,EAAEkE,KAAK,GAAGlE,KAAAA,EAAU;;;CAGlE,CAAC;AAEF,IAAaiF,SAAShJ,IAAIoB,gBAAgB;CACxCC,MAAM;CACNM,QAAQ;EACN,MAAMC,SAAShB,WAAW;EAC1B,MAAMqI,gBAAgBjJ,IAAI+G,OAAO/F,eAAe;AAEhD,MAAI,CAACiI,cACH,cAA2B;EAI7B,MAAMC,cAAc1I,SAClBoB,OAAOE,OAAOY,uBAAuBuG,cAAc,GAClDE,MAAMA,EACR;EAED,MAAM3F,QAAQxD,IAAIoD,eAChB8F,YAAYvG,QACRf,OAAOU,WAAW4G,YAAYvG,MAAMd,WACpCkC,KAAAA,EACL;EAED,MAAMqF,uBAAuBpJ,IAAIoD,eACzB8F,YAAYvG,OAAO0G,kBAAkB,MAC5C;EAKD,MAAMC,kBAAkB9I,SACtBoB,OAAOE,OAAOyH,wBACbJ,MAAMA,EACR;EAED,MAAMK,iBAAiBxJ,IAAIoD,eAAe;GACxC,MAAMqG,UAAUH,gBAAgB3G,MAAMsG;AACtC,OAAI,CAACQ,QAAS,QAAO;GACrB,MAAMC,QAAQ9H,OAAOE,OAAOC,sBAAsBC,IAAIyH,QAAQ,EAAEzH,KAAK;AACrE,OAAI,CAAC0H,MAAO,QAAO;AAEnB,UAAO;IACLlH,IAAIkH,MAAMlH;IAIVmH,WAAWD,MAAM7H,UAAU8F,KAAKC,UAAU8B,MAAMlC,cAAa;IAC9D;IACD;AAEF,eAA2B;AACzB,OAAI4B,qBAAqBzG,OAAO;AAC9B,QAAI,CAACa,MAAMb,MACT,QAAO;AAET,WAAO1B,oBAAoBW,QAAQ4B,MAAMb,OAAOoB,KAAAA,EAAU;;AAG5D,OAAI,CAACyF,eAAe7G,MAClB,QAAO;AAcT,UAXkB3C,IAAI8D,EAAE3C,OAAO;IAC7BI,SAASiI,eAAe7G,MAAMH;IAC9ByF,KAAKuB,eAAe7G,MAAMgH;IAC3B,CAAC;;;CAWP,CAAC"}

package/dist/esm/Transitioner.js

@@ -33,13 +33,13 @@ function useTransitionerSetup() {
 	router.startTransition = (fn) => {
 		isTransitioning.value = true;
 		try {
-			router.stores.isTransitioning.setState(() => true);
+			router.stores.isTransitioning.set(true);
 		} catch {}
 		const endTransition = () => {
 			Vue.nextTick(() => {
 				try {
 					isTransitioning.value = false;
-					router.stores.isTransitioning.setState(() => false);
+					router.stores.isTransitioning.set(false);
 				} catch {}
 			});
 		};
@@ -74,9 +74,9 @@ function useTransitionerSetup() {
 	Vue.onMounted(() => {
 		isMounted.value = true;
 		if (!isAnyPending.value) {
-			if (router.stores.status.state === "pending") batch(() => {
-				router.stores.status.setState(() => "idle");
-				router.stores.resolvedLocation.setState(() => router.stores.location.state);
+			if (router.stores.status.get() === "pending") batch(() => {
+				router.stores.status.set("idle");
+				router.stores.resolvedLocation.set(router.stores.location.get());
 			});
 		}
 	});
@@ -104,7 +104,7 @@ function useTransitionerSetup() {
 		try {
 			if (previousIsLoading.value.previous && !newValue) router.emit({
 				type: "onLoad",
-				...getLocationChangeInfo(router.stores.location.state, router.stores.resolvedLocation.state)
+				...getLocationChangeInfo(router.stores.location.get(), router.stores.resolvedLocation.get())
 			});
 		} catch {}
 	});
@@ -113,19 +113,19 @@ function useTransitionerSetup() {
 		try {
 			if (previousIsPagePending.value.previous && !newValue) router.emit({
 				type: "onBeforeRouteMount",
-				...getLocationChangeInfo(router.stores.location.state, router.stores.resolvedLocation.state)
+				...getLocationChangeInfo(router.stores.location.get(), router.stores.resolvedLocation.get())
 			});
 		} catch {}
 	});
 	Vue.watch(isAnyPending, (newValue) => {
 		if (!isMounted.value) return;
 		try {
-			if (!newValue && router.stores.status.state === "pending") batch(() => {
-				router.stores.status.setState(() => "idle");
-				router.stores.resolvedLocation.setState(() => router.stores.location.state);
+			if (!newValue && router.stores.status.get() === "pending") batch(() => {
+				router.stores.status.set("idle");
+				router.stores.resolvedLocation.set(router.stores.location.get());
 			});
 			if (previousIsAnyPending.value.previous && !newValue) {
-				const changeInfo = getLocationChangeInfo(router.stores.location.state, router.stores.resolvedLocation.state);
+				const changeInfo = getLocationChangeInfo(router.stores.location.get(), router.stores.resolvedLocation.get());
 				router.emit({
 					type: "onResolved",
 					...changeInfo

package/dist/esm/Transitioner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transitioner.js","names":["Vue","getLocationChangeInfo","handleHashScroll","trimPathRight","isServer","batch","useStore","useRouter","usePrevious","mountLoadForRouter","router","mounted","useTransitionerSetup","isLoading","stores","value","isTransitioning","ref","hasPendingMatches","previousIsLoading","isAnyPending","computed","previousIsAnyPending","isPagePending","previousIsPagePending","startTransition","fn","setState","endTransition","nextTick","originalStartViewTransition","__tsrOriginalStartViewTransition","startViewTransition","unsubscribe","onMounted","history","subscribe","load","nextLocation","buildLocation","to","latestLocation","pathname","search","params","hash","state","_includeValidateSearch","publicHref","commitLocation","replace","isMounted","status","resolvedLocation","location","onUnmounted","window","ssr","tryLoad","err","console","error","watch","newValue","previous","emit","type","changeInfo","hrefChanged","Transitioner","defineComponent","name","setup"],"sources":["../../src/Transitioner.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  getLocationChangeInfo,\n  handleHashScroll,\n  trimPathRight,\n} from '@tanstack/router-core'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { batch, useStore } from '@tanstack/vue-store'\nimport { useRouter } from './useRouter'\nimport { usePrevious } from './utils'\n\n// Track mount state per router to avoid double-loading\nlet mountLoadForRouter = { router: null as any, mounted: false }\n\n/**\n * Composable that sets up router transition logic.\n * This is called from MatchesContent to set up:\n * - router.startTransition\n * - router.startViewTransition\n * - History subscription\n * - Router event watchers\n *\n * Must be called during component setup phase.\n */\nexport function useTransitionerSetup() {\n  const router = useRouter()\n\n  // Skip on server - no transitions needed\n  if (isServer ?? router.isServer) {\n    return\n  }\n\n  const isLoading = useStore(router.stores.isLoading, (value) => value)\n\n  // Track if we're in a transition - using a ref to track async transitions\n  const isTransitioning = Vue.ref(false)\n\n  // Track pending state changes\n  const hasPendingMatches = useStore(\n    router.stores.hasPendingMatches,\n    (value) => value,\n  )\n\n  const previousIsLoading = usePrevious(() => isLoading.value)\n\n  const isAnyPending = Vue.computed(\n    () => isLoading.value || isTransitioning.value || hasPendingMatches.value,\n  )\n  const previousIsAnyPending = usePrevious(() => isAnyPending.value)\n\n  const isPagePending = Vue.computed(\n    () => isLoading.value || hasPendingMatches.value,\n  )\n  const previousIsPagePending = usePrevious(() => isPagePending.value)\n\n  // Implement startTransition similar to React/Solid\n  // Vue doesn't have a native useTransition like React 18, so we simulate it\n  // We also update the router state's isTransitioning flag so useMatch can check it\n  router.startTransition = (fn: () => void | Promise<void>) => {\n    isTransitioning.value = true\n    // Also update the router state so useMatch knows we're transitioning\n    try {\n      router.stores.isTransitioning.setState(() => true)\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n\n    // Helper to end the transition\n    const endTransition = () => {\n      // Use nextTick to ensure Vue has processed all reactive updates\n      Vue.nextTick(() => {\n        try {\n          isTransitioning.value = false\n          router.stores.isTransitioning.setState(() => false)\n        } catch {\n          // Ignore errors if component is unmounted\n        }\n      })\n    }\n\n    // Execute the function synchronously\n    // The function internally may call startViewTransition which schedules async work\n    // via document.startViewTransition, but we don't need to wait for it here\n    // because Vue's reactivity will trigger re-renders when state changes\n    fn()\n\n    // End the transition on next tick to allow Vue to process reactive updates\n    endTransition()\n  }\n\n  // Vue updates DOM asynchronously (next tick). The View Transitions API expects the\n  // update callback promise to resolve only after the DOM has been updated.\n  // Wrap the router-core implementation to await a Vue flush before resolving.\n  const originalStartViewTransition:\n    | undefined\n    | ((fn: () => Promise<void>) => void) =\n    (router as any).__tsrOriginalStartViewTransition ??\n    router.startViewTransition\n\n  ;(router as any).__tsrOriginalStartViewTransition =\n    originalStartViewTransition\n\n  router.startViewTransition = (fn: () => Promise<void>) => {\n    return originalStartViewTransition?.(async () => {\n      await fn()\n      await Vue.nextTick()\n    })\n  }\n\n  // Subscribe to location changes\n  // and try to load the new location\n  let unsubscribe: (() => void) | undefined\n\n  Vue.onMounted(() => {\n    unsubscribe = router.history.subscribe(router.load)\n\n    const nextLocation = router.buildLocation({\n      to: router.latestLocation.pathname,\n      search: true,\n      params: true,\n      hash: true,\n      state: true,\n      _includeValidateSearch: true,\n    })\n\n    // Check if the current URL matches the canonical form.\n    // Compare publicHref (browser-facing URL) for consistency with\n    // the server-side redirect check in router.beforeLoad.\n    if (\n      trimPathRight(router.latestLocation.publicHref) !==\n      trimPathRight(nextLocation.publicHref)\n    ) {\n      router.commitLocation({ ...nextLocation, replace: true })\n    }\n  })\n\n  // Track if component is mounted to prevent updates after unmount\n  const isMounted = Vue.ref(false)\n\n  Vue.onMounted(() => {\n    isMounted.value = true\n    if (!isAnyPending.value) {\n      if (router.stores.status.state === 'pending') {\n        batch(() => {\n          router.stores.status.setState(() => 'idle')\n          router.stores.resolvedLocation.setState(\n            () => router.stores.location.state,\n          )\n        })\n      }\n    }\n  })\n\n  Vue.onUnmounted(() => {\n    isMounted.value = false\n    if (unsubscribe) {\n      unsubscribe()\n    }\n  })\n\n  // Try to load the initial location\n  Vue.onMounted(() => {\n    if (\n      (typeof window !== 'undefined' && router.ssr) ||\n      (mountLoadForRouter.router === router && mountLoadForRouter.mounted)\n    ) {\n      return\n    }\n    mountLoadForRouter = { router, mounted: true }\n    const tryLoad = async () => {\n      try {\n        await router.load()\n      } catch (err) {\n        console.error(err)\n      }\n    }\n    tryLoad()\n  })\n\n  // Setup watchers for emitting events\n  // All watchers check isMounted to prevent updates after unmount\n  Vue.watch(\n    () => isLoading.value,\n    (newValue) => {\n      if (!isMounted.value) return\n      try {\n        if (previousIsLoading.value.previous && !newValue) {\n          router.emit({\n            type: 'onLoad',\n            ...getLocationChangeInfo(\n              router.stores.location.state,\n              router.stores.resolvedLocation.state,\n            ),\n          })\n        }\n      } catch {\n        // Ignore errors if component is unmounted\n      }\n    },\n  )\n\n  Vue.watch(isPagePending, (newValue) => {\n    if (!isMounted.value) return\n    try {\n      // emit onBeforeRouteMount\n      if (previousIsPagePending.value.previous && !newValue) {\n        router.emit({\n          type: 'onBeforeRouteMount',\n          ...getLocationChangeInfo(\n            router.stores.location.state,\n            router.stores.resolvedLocation.state,\n          ),\n        })\n      }\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n  })\n\n  Vue.watch(isAnyPending, (newValue) => {\n    if (!isMounted.value) return\n    try {\n      if (!newValue && router.stores.status.state === 'pending') {\n        batch(() => {\n          router.stores.status.setState(() => 'idle')\n          router.stores.resolvedLocation.setState(\n            () => router.stores.location.state,\n          )\n        })\n      }\n\n      // The router was pending and now it's not\n      if (previousIsAnyPending.value.previous && !newValue) {\n        const changeInfo = getLocationChangeInfo(\n          router.stores.location.state,\n          router.stores.resolvedLocation.state,\n        )\n        router.emit({\n          type: 'onResolved',\n          ...changeInfo,\n        })\n\n        if (changeInfo.hrefChanged) {\n          handleHashScroll(router)\n        }\n      }\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n  })\n}\n\n/**\n * @deprecated Use useTransitionerSetup() composable instead.\n * This component is kept for backwards compatibility but the setup logic\n * has been moved to useTransitionerSetup() for better SSR hydration.\n */\nexport const Transitioner = Vue.defineComponent({\n  name: 'Transitioner',\n  setup() {\n    useTransitionerSetup()\n    return () => null\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"Transitioner.js","names":["Vue","getLocationChangeInfo","handleHashScroll","trimPathRight","isServer","batch","useStore","useRouter","usePrevious","mountLoadForRouter","router","mounted","useTransitionerSetup","isLoading","stores","value","isTransitioning","ref","hasPendingMatches","previousIsLoading","isAnyPending","computed","previousIsAnyPending","isPagePending","previousIsPagePending","startTransition","fn","set","endTransition","nextTick","originalStartViewTransition","__tsrOriginalStartViewTransition","startViewTransition","unsubscribe","onMounted","history","subscribe","load","nextLocation","buildLocation","to","latestLocation","pathname","search","params","hash","state","_includeValidateSearch","publicHref","commitLocation","replace","isMounted","status","get","resolvedLocation","location","onUnmounted","window","ssr","tryLoad","err","console","error","watch","newValue","previous","emit","type","changeInfo","hrefChanged","Transitioner","defineComponent","name","setup"],"sources":["../../src/Transitioner.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  getLocationChangeInfo,\n  handleHashScroll,\n  trimPathRight,\n} from '@tanstack/router-core'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { batch, useStore } from '@tanstack/vue-store'\nimport { useRouter } from './useRouter'\nimport { usePrevious } from './utils'\n\n// Track mount state per router to avoid double-loading\nlet mountLoadForRouter = { router: null as any, mounted: false }\n\n/**\n * Composable that sets up router transition logic.\n * This is called from MatchesContent to set up:\n * - router.startTransition\n * - router.startViewTransition\n * - History subscription\n * - Router event watchers\n *\n * Must be called during component setup phase.\n */\nexport function useTransitionerSetup() {\n  const router = useRouter()\n\n  // Skip on server - no transitions needed\n  if (isServer ?? router.isServer) {\n    return\n  }\n\n  const isLoading = useStore(router.stores.isLoading, (value) => value)\n\n  // Track if we're in a transition - using a ref to track async transitions\n  const isTransitioning = Vue.ref(false)\n\n  // Track pending state changes\n  const hasPendingMatches = useStore(\n    router.stores.hasPendingMatches,\n    (value) => value,\n  )\n\n  const previousIsLoading = usePrevious(() => isLoading.value)\n\n  const isAnyPending = Vue.computed(\n    () => isLoading.value || isTransitioning.value || hasPendingMatches.value,\n  )\n  const previousIsAnyPending = usePrevious(() => isAnyPending.value)\n\n  const isPagePending = Vue.computed(\n    () => isLoading.value || hasPendingMatches.value,\n  )\n  const previousIsPagePending = usePrevious(() => isPagePending.value)\n\n  // Implement startTransition similar to React/Solid\n  // Vue doesn't have a native useTransition like React 18, so we simulate it\n  // We also update the router state's isTransitioning flag so useMatch can check it\n  router.startTransition = (fn: () => void | Promise<void>) => {\n    isTransitioning.value = true\n    // Also update the router state so useMatch knows we're transitioning\n    try {\n      router.stores.isTransitioning.set(true)\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n\n    // Helper to end the transition\n    const endTransition = () => {\n      // Use nextTick to ensure Vue has processed all reactive updates\n      Vue.nextTick(() => {\n        try {\n          isTransitioning.value = false\n          router.stores.isTransitioning.set(false)\n        } catch {\n          // Ignore errors if component is unmounted\n        }\n      })\n    }\n\n    // Execute the function synchronously\n    // The function internally may call startViewTransition which schedules async work\n    // via document.startViewTransition, but we don't need to wait for it here\n    // because Vue's reactivity will trigger re-renders when state changes\n    fn()\n\n    // End the transition on next tick to allow Vue to process reactive updates\n    endTransition()\n  }\n\n  // Vue updates DOM asynchronously (next tick). The View Transitions API expects the\n  // update callback promise to resolve only after the DOM has been updated.\n  // Wrap the router-core implementation to await a Vue flush before resolving.\n  const originalStartViewTransition:\n    | undefined\n    | ((fn: () => Promise<void>) => void) =\n    (router as any).__tsrOriginalStartViewTransition ??\n    router.startViewTransition\n\n  ;(router as any).__tsrOriginalStartViewTransition =\n    originalStartViewTransition\n\n  router.startViewTransition = (fn: () => Promise<void>) => {\n    return originalStartViewTransition?.(async () => {\n      await fn()\n      await Vue.nextTick()\n    })\n  }\n\n  // Subscribe to location changes\n  // and try to load the new location\n  let unsubscribe: (() => void) | undefined\n\n  Vue.onMounted(() => {\n    unsubscribe = router.history.subscribe(router.load)\n\n    const nextLocation = router.buildLocation({\n      to: router.latestLocation.pathname,\n      search: true,\n      params: true,\n      hash: true,\n      state: true,\n      _includeValidateSearch: true,\n    })\n\n    // Check if the current URL matches the canonical form.\n    // Compare publicHref (browser-facing URL) for consistency with\n    // the server-side redirect check in router.beforeLoad.\n    if (\n      trimPathRight(router.latestLocation.publicHref) !==\n      trimPathRight(nextLocation.publicHref)\n    ) {\n      router.commitLocation({ ...nextLocation, replace: true })\n    }\n  })\n\n  // Track if component is mounted to prevent updates after unmount\n  const isMounted = Vue.ref(false)\n\n  Vue.onMounted(() => {\n    isMounted.value = true\n    if (!isAnyPending.value) {\n      if (router.stores.status.get() === 'pending') {\n        batch(() => {\n          router.stores.status.set('idle')\n          router.stores.resolvedLocation.set(router.stores.location.get())\n        })\n      }\n    }\n  })\n\n  Vue.onUnmounted(() => {\n    isMounted.value = false\n    if (unsubscribe) {\n      unsubscribe()\n    }\n  })\n\n  // Try to load the initial location\n  Vue.onMounted(() => {\n    if (\n      (typeof window !== 'undefined' && router.ssr) ||\n      (mountLoadForRouter.router === router && mountLoadForRouter.mounted)\n    ) {\n      return\n    }\n    mountLoadForRouter = { router, mounted: true }\n    const tryLoad = async () => {\n      try {\n        await router.load()\n      } catch (err) {\n        console.error(err)\n      }\n    }\n    tryLoad()\n  })\n\n  // Setup watchers for emitting events\n  // All watchers check isMounted to prevent updates after unmount\n  Vue.watch(\n    () => isLoading.value,\n    (newValue) => {\n      if (!isMounted.value) return\n      try {\n        if (previousIsLoading.value.previous && !newValue) {\n          router.emit({\n            type: 'onLoad',\n            ...getLocationChangeInfo(\n              router.stores.location.get(),\n              router.stores.resolvedLocation.get(),\n            ),\n          })\n        }\n      } catch {\n        // Ignore errors if component is unmounted\n      }\n    },\n  )\n\n  Vue.watch(isPagePending, (newValue) => {\n    if (!isMounted.value) return\n    try {\n      // emit onBeforeRouteMount\n      if (previousIsPagePending.value.previous && !newValue) {\n        router.emit({\n          type: 'onBeforeRouteMount',\n          ...getLocationChangeInfo(\n            router.stores.location.get(),\n            router.stores.resolvedLocation.get(),\n          ),\n        })\n      }\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n  })\n\n  Vue.watch(isAnyPending, (newValue) => {\n    if (!isMounted.value) return\n    try {\n      if (!newValue && router.stores.status.get() === 'pending') {\n        batch(() => {\n          router.stores.status.set('idle')\n          router.stores.resolvedLocation.set(router.stores.location.get())\n        })\n      }\n\n      // The router was pending and now it's not\n      if (previousIsAnyPending.value.previous && !newValue) {\n        const changeInfo = getLocationChangeInfo(\n          router.stores.location.get(),\n          router.stores.resolvedLocation.get(),\n        )\n        router.emit({\n          type: 'onResolved',\n          ...changeInfo,\n        })\n\n        if (changeInfo.hrefChanged) {\n          handleHashScroll(router)\n        }\n      }\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n  })\n}\n\n/**\n * @deprecated Use useTransitionerSetup() composable instead.\n * This component is kept for backwards compatibility but the setup logic\n * has been moved to useTransitionerSetup() for better SSR hydration.\n */\nexport const Transitioner = Vue.defineComponent({\n  name: 'Transitioner',\n  setup() {\n    useTransitionerSetup()\n    return () => null\n  },\n})\n"],"mappings":";;;;;;;AAYA,IAAIS,qBAAqB;CAAEC,QAAQ;CAAaC,SAAS;CAAO;;;;;;;;;;;AAYhE,SAAgBC,uBAAuB;CACrC,MAAMF,SAASH,WAAW;AAG1B,KAAIH,YAAYM,OAAON,SACrB;CAGF,MAAMS,YAAYP,SAASI,OAAOI,OAAOD,YAAYE,UAAUA,MAAM;CAGrE,MAAMC,kBAAkBhB,IAAIiB,IAAI,MAAM;CAGtC,MAAMC,oBAAoBZ,SACxBI,OAAOI,OAAOI,oBACbH,UAAUA,MACZ;CAED,MAAMI,oBAAoBX,kBAAkBK,UAAUE,MAAM;CAE5D,MAAMK,eAAepB,IAAIqB,eACjBR,UAAUE,SAASC,gBAAgBD,SAASG,kBAAkBH,MACrE;CACD,MAAMO,uBAAuBd,kBAAkBY,aAAaL,MAAM;CAElE,MAAMQ,gBAAgBvB,IAAIqB,eAClBR,UAAUE,SAASG,kBAAkBH,MAC5C;CACD,MAAMS,wBAAwBhB,kBAAkBe,cAAcR,MAAM;AAKpEL,QAAOe,mBAAmBC,OAAmC;AAC3DV,kBAAgBD,QAAQ;AAExB,MAAI;AACFL,UAAOI,OAAOE,gBAAgBW,IAAI,KAAK;UACjC;EAKR,MAAMC,sBAAsB;AAE1B5B,OAAI6B,eAAe;AACjB,QAAI;AACFb,qBAAgBD,QAAQ;AACxBL,YAAOI,OAAOE,gBAAgBW,IAAI,MAAM;YAClC;KAGR;;AAOJD,MAAI;AAGJE,iBAAe;;CAMjB,MAAME,8BAGHpB,OAAeqB,oCAChBrB,OAAOsB;AAEPtB,QAAeqB,mCACfD;AAEFpB,QAAOsB,uBAAuBN,OAA4B;AACxD,SAAOI,8BAA8B,YAAY;AAC/C,SAAMJ,IAAI;AACV,SAAM1B,IAAI6B,UAAU;IACpB;;CAKJ,IAAII;AAEJjC,KAAIkC,gBAAgB;AAClBD,gBAAcvB,OAAOyB,QAAQC,UAAU1B,OAAO2B,KAAK;EAEnD,MAAMC,eAAe5B,OAAO6B,cAAc;GACxCC,IAAI9B,OAAO+B,eAAeC;GAC1BC,QAAQ;GACRC,QAAQ;GACRC,MAAM;GACNC,OAAO;GACPC,wBAAwB;GACzB,CAAC;AAKF,MACE5C,cAAcO,OAAO+B,eAAeO,WAAW,KAC/C7C,cAAcmC,aAAaU,WAAW,CAEtCtC,QAAOuC,eAAe;GAAE,GAAGX;GAAcY,SAAS;GAAM,CAAC;GAE3D;CAGF,MAAMC,YAAYnD,IAAIiB,IAAI,MAAM;AAEhCjB,KAAIkC,gBAAgB;AAClBiB,YAAUpC,QAAQ;AAClB,MAAI,CAACK,aAAaL;OACZL,OAAOI,OAAOsC,OAAOC,KAAK,KAAK,UACjChD,aAAY;AACVK,WAAOI,OAAOsC,OAAOzB,IAAI,OAAO;AAChCjB,WAAOI,OAAOwC,iBAAiB3B,IAAIjB,OAAOI,OAAOyC,SAASF,KAAK,CAAC;KAChE;;GAGN;AAEFrD,KAAIwD,kBAAkB;AACpBL,YAAUpC,QAAQ;AAClB,MAAIkB,YACFA,cAAa;GAEf;AAGFjC,KAAIkC,gBAAgB;AAClB,MACG,OAAOuB,WAAW,eAAe/C,OAAOgD,OACxCjD,mBAAmBC,WAAWA,UAAUD,mBAAmBE,QAE5D;AAEFF,uBAAqB;GAAEC;GAAQC,SAAS;GAAM;EAC9C,MAAMgD,UAAU,YAAY;AAC1B,OAAI;AACF,UAAMjD,OAAO2B,MAAM;YACZuB,KAAK;AACZC,YAAQC,MAAMF,IAAI;;;AAGtBD,WAAS;GACT;AAIF3D,KAAI+D,YACIlD,UAAUE,QACfiD,aAAa;AACZ,MAAI,CAACb,UAAUpC,MAAO;AACtB,MAAI;AACF,OAAII,kBAAkBJ,MAAMkD,YAAY,CAACD,SACvCtD,QAAOwD,KAAK;IACVC,MAAM;IACN,GAAGlE,sBACDS,OAAOI,OAAOyC,SAASF,KAAK,EAC5B3C,OAAOI,OAAOwC,iBAAiBD,KACjC,CAAA;IACD,CAAC;UAEE;GAIX;AAEDrD,KAAI+D,MAAMxC,gBAAgByC,aAAa;AACrC,MAAI,CAACb,UAAUpC,MAAO;AACtB,MAAI;AAEF,OAAIS,sBAAsBT,MAAMkD,YAAY,CAACD,SAC3CtD,QAAOwD,KAAK;IACVC,MAAM;IACN,GAAGlE,sBACDS,OAAOI,OAAOyC,SAASF,KAAK,EAC5B3C,OAAOI,OAAOwC,iBAAiBD,KACjC,CAAA;IACD,CAAC;UAEE;GAGR;AAEFrD,KAAI+D,MAAM3C,eAAe4C,aAAa;AACpC,MAAI,CAACb,UAAUpC,MAAO;AACtB,MAAI;AACF,OAAI,CAACiD,YAAYtD,OAAOI,OAAOsC,OAAOC,KAAK,KAAK,UAC9ChD,aAAY;AACVK,WAAOI,OAAOsC,OAAOzB,IAAI,OAAO;AAChCjB,WAAOI,OAAOwC,iBAAiB3B,IAAIjB,OAAOI,OAAOyC,SAASF,KAAK,CAAC;KAChE;AAIJ,OAAI/B,qBAAqBP,MAAMkD,YAAY,CAACD,UAAU;IACpD,MAAMI,aAAanE,sBACjBS,OAAOI,OAAOyC,SAASF,KAAK,EAC5B3C,OAAOI,OAAOwC,iBAAiBD,KACjC,CAAC;AACD3C,WAAOwD,KAAK;KACVC,MAAM;KACN,GAAGC;KACJ,CAAC;AAEF,QAAIA,WAAWC,YACbnE,kBAAiBQ,OAAO;;UAGtB;GAGR;;AAQwBV,IAAIuE,gBAAgB;CAC9CC,MAAM;CACNC,QAAQ;AACN7D,wBAAsB;AACtB,eAAa;;CAEhB,CAAC"}

package/dist/esm/link.js

@@ -78,7 +78,7 @@ function useLinkProps(options) {
 			nextLocation: next
 		});
 		const isActive = getIsActive({
-			loc: router.stores.location.state,
+			loc: router.stores.location.get(),
 			nextLoc: next,
 			activeOptions: options.activeOptions,
 			router

package/dist/esm/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":["Vue","deepEqual","exactPathTest","isDangerousProtocol","preloadWarning","removeTrailingSlash","isServer","useStore","useRouter","useIntersectionObserver","timeoutMap","WeakMap","useLinkProps","options","router","isTransitioning","ref","hasRenderFetched","console","warn","computed","type","URL","to","eventHandlers","getLinkEventHandlers","value","protocolAllowlist","process","env","NODE_ENV","safeProps","getPropsSafeToSpread","target","disabled","style","class","onClick","onBlur","onFocus","onMouseenter","onMouseleave","onMouseover","onMouseout","onTouchstart","Object","keys","forEach","key","undefined","externalProps","href","next","buildLocation","getHref","nextLocation","isActive","getIsActive","loc","stores","location","state","nextLoc","activeOptions","resolvedActiveProps","resolvedInactiveProps","resolvedClassName","resolvedStyle","resolveStyleProps","result","combineResultProps","currentLocation","l","equal","prev","opts","_fromLocation","preload","reloadDocument","defaultPreload","preloadDelay","defaultPreloadDelay","doPreload","preloadRoute","_builtLocation","catch","err","preloadViewportIoCallback","entry","isIntersecting","rootMargin","effect","handleClick","e","elementTarget","currentTarget","getAttribute","effectiveTarget","isCtrlEvent","defaultPrevented","button","preventDefault","unsub","subscribe","navigate","replace","resetScroll","hashScrollIntoView","startTransition","viewTransition","ignoreBlocker","enqueueIntentPreload","eventTarget","has","set","setTimeout","delete","handleTouchStart","_","handleLeave","id","get","clearTimeout","composeEventHandlers","handlers","event","handler","resolvedStyleProps","staticEventHandlers","computedProps","activeProps","inactiveProps","classes","filter","Boolean","length","join","assign","role","onMouseEnter","onMouseLeave","onMouseOver","onMouseOut","onTouchStart","_activeProps","_inactiveProps","_activeOptions","_to","_preload","_preloadDelay","preloadIntentProximity","_preloadIntentProximity","_hashScrollIntoView","_replace","_startTransition","_resetScroll","_viewTransition","children","_children","_target","_disabled","_style","_class","_onClick","_onBlur","_onFocus","_onMouseEnter","_onMouseenter","_onMouseLeave","_onMouseleave","_onMouseOver","_onMouseover","_onMouseOut","_onMouseout","_onTouchStart","_onTouchstart","_ignoreBlocker","params","_params","search","_search","hash","_hash","_state","mask","_mask","_reloadDocument","unsafeRelative","_unsafeRelative","_asChild","__asChild","from","_from","additionalProps","_additionalProps","propsSafeToSpread","exact","testExact","pathname","basepath","currentPath","nextPath","pathIsFuzzyEqual","startsWith","includeSearch","searchTest","partial","ignoreUndefined","explicitUndefined","includeHash","maskedLocation","publicHref","external","history","createHref","createLink","Comp","defineComponent","name","inheritAttrs","setup","attrs","slots","h","LinkImpl","props","allProps","linkPropsSource","Component","linkProps","unref","slotContent","default","svgLinkProps","Link","metaKey","altKey","ctrlKey","shiftKey","linkOptions"],"sources":["../../src/link.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  deepEqual,\n  exactPathTest,\n  isDangerousProtocol,\n  preloadWarning,\n  removeTrailingSlash,\n} from '@tanstack/router-core'\nimport { isServer } from '@tanstack/router-core/isServer'\n\nimport { useStore } from '@tanstack/vue-store'\nimport { useRouter } from './useRouter'\nimport { useIntersectionObserver } from './utils'\n\nimport type {\n  AnyRouter,\n  Constrain,\n  LinkOptions,\n  ParsedLocation,\n  RegisteredRouter,\n  RoutePaths,\n} from '@tanstack/router-core'\nimport type { AnchorHTMLAttributes, ReservedProps } from '@vue/runtime-dom'\nimport type {\n  ValidateLinkOptions,\n  ValidateLinkOptionsArray,\n} from './typePrimitives'\n\ntype EventHandler<TEvent = Event> = (e: TEvent) => void\n\nconst timeoutMap = new WeakMap<EventTarget, ReturnType<typeof setTimeout>>()\n\ntype DataAttributes = {\n  [K in `data-${string}`]?: unknown\n}\n\ntype LinkHTMLAttributes = AnchorHTMLAttributes &\n  ReservedProps &\n  DataAttributes & {\n    // Vue's runtime-dom types use lowercase event names.\n    // Also accept camelCase versions for external API compatibility.\n    onMouseEnter?: EventHandler<MouseEvent>\n    onMouseLeave?: EventHandler<MouseEvent>\n    onMouseOver?: EventHandler<MouseEvent>\n    onMouseOut?: EventHandler<MouseEvent>\n    onTouchStart?: EventHandler<TouchEvent>\n\n    // `disabled` is not a valid <a> attribute, but is useful when using `asChild`.\n    disabled?: boolean\n  }\n\ntype VueStyleLinkEventHandlers = {\n  onMouseenter?: EventHandler<MouseEvent>\n  onMouseleave?: EventHandler<MouseEvent>\n  onMouseover?: EventHandler<MouseEvent>\n  onMouseout?: EventHandler<MouseEvent>\n  onTouchstart?: EventHandler<TouchEvent>\n}\n\ninterface StyledProps {\n  class?: LinkHTMLAttributes['class']\n  style?: LinkHTMLAttributes['style']\n  [key: string]: unknown\n}\n\ntype PropsOfComponent<TComp> =\n  // Functional components\n  TComp extends (props: infer P, ...args: Array<unknown>) => any\n    ? P\n    : // Vue components (defineComponent, class components, etc)\n      TComp extends Vue.Component<infer P>\n      ? P\n      : Record<string, unknown>\n\ntype AnyLinkPropsOptions = UseLinkPropsOptions<any, any, any, any, any>\ntype LinkEventOptions = AnyLinkPropsOptions & Partial<VueStyleLinkEventHandlers>\n\nexport function useLinkProps<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends RoutePaths<TRouter['routeTree']> | string = string,\n  TTo extends string = '',\n  TMaskFrom extends RoutePaths<TRouter['routeTree']> | string = TFrom,\n  TMaskTo extends string = '',\n>(\n  options: UseLinkPropsOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n): LinkHTMLAttributes {\n  const router = useRouter()\n  const isTransitioning = Vue.ref(false)\n  let hasRenderFetched = false\n\n  // Ensure router is defined before proceeding\n  if (!router) {\n    console.warn('useRouter must be used inside a <RouterProvider> component!')\n    return Vue.computed(() => ({})) as unknown as LinkHTMLAttributes\n  }\n\n  // Determine if the link is external or internal\n  const type = Vue.computed(() => {\n    try {\n      new URL(`${options.to}`)\n      return 'external'\n    } catch {\n      return 'internal'\n    }\n  })\n\n  const ref = Vue.ref<Element | null>(null)\n  const eventHandlers = getLinkEventHandlers(options as LinkEventOptions)\n\n  if (type.value === 'external') {\n    // Block dangerous protocols like javascript:, blob:, data:\n    if (isDangerousProtocol(options.to as string, router.protocolAllowlist)) {\n      if (process.env.NODE_ENV !== 'production') {\n        console.warn(`Blocked Link with dangerous protocol: ${options.to}`)\n      }\n      // Return props without href to prevent navigation\n      const safeProps: Record<string, unknown> = {\n        ...getPropsSafeToSpread(options as AnyLinkPropsOptions),\n        ref,\n        // No href attribute - blocks the dangerous protocol\n        target: options.target,\n        disabled: options.disabled,\n        style: options.style,\n        class: options.class,\n        onClick: options.onClick,\n        onBlur: options.onBlur,\n        onFocus: options.onFocus,\n        onMouseenter: eventHandlers.onMouseenter,\n        onMouseleave: eventHandlers.onMouseleave,\n        onMouseover: eventHandlers.onMouseover,\n        onMouseout: eventHandlers.onMouseout,\n        onTouchstart: eventHandlers.onTouchstart,\n      }\n\n      // Remove undefined values\n      Object.keys(safeProps).forEach((key) => {\n        if (safeProps[key] === undefined) {\n          delete safeProps[key]\n        }\n      })\n\n      return Vue.computed(\n        () => safeProps as LinkHTMLAttributes,\n      ) as unknown as LinkHTMLAttributes\n    }\n\n    // External links just have simple props\n    const externalProps: Record<string, unknown> = {\n      ...getPropsSafeToSpread(options as AnyLinkPropsOptions),\n      ref,\n      href: options.to,\n      target: options.target,\n      disabled: options.disabled,\n      style: options.style,\n      class: options.class,\n      onClick: options.onClick,\n      onBlur: options.onBlur,\n      onFocus: options.onFocus,\n      onMouseenter: eventHandlers.onMouseenter,\n      onMouseleave: eventHandlers.onMouseleave,\n      onMouseover: eventHandlers.onMouseover,\n      onMouseout: eventHandlers.onMouseout,\n      onTouchstart: eventHandlers.onTouchstart,\n    }\n\n    // Remove undefined values\n    Object.keys(externalProps).forEach((key) => {\n      if (externalProps[key] === undefined) {\n        delete externalProps[key]\n      }\n    })\n\n    return Vue.computed(\n      () => externalProps as LinkHTMLAttributes,\n    ) as unknown as LinkHTMLAttributes\n  }\n\n  // During SSR we render exactly once and do not need reactivity.\n  // Avoid store subscriptions, effects and observers on the server.\n  if (isServer ?? router.isServer) {\n    const next = router.buildLocation(options as any)\n    const href = getHref({\n      options: options as AnyLinkPropsOptions,\n      router,\n      nextLocation: next,\n    })\n\n    const isActive = getIsActive({\n      loc: router.stores.location.state,\n      nextLoc: next,\n      activeOptions: options.activeOptions,\n      router,\n    })\n\n    const {\n      resolvedActiveProps,\n      resolvedInactiveProps,\n      resolvedClassName,\n      resolvedStyle,\n    } = resolveStyleProps({\n      options: options as AnyLinkPropsOptions,\n      isActive,\n    })\n\n    const result = combineResultProps({\n      href,\n      options: options as AnyLinkPropsOptions,\n      isActive,\n      isTransitioning: false,\n      resolvedActiveProps,\n      resolvedInactiveProps,\n      resolvedClassName,\n      resolvedStyle,\n    })\n\n    return Vue.ref(\n      result as LinkHTMLAttributes,\n    ) as unknown as LinkHTMLAttributes\n  }\n\n  const currentLocation = useStore(router.stores.location, (l) => l, {\n    equal: (prev, next) => prev.href === next.href,\n  })\n\n  const next = Vue.computed(() => {\n    // Rebuild when inherited search/hash or the current route context changes.\n\n    const opts = { _fromLocation: currentLocation.value, ...options }\n    return router.buildLocation(opts as any)\n  })\n\n  const preload = Vue.computed(() => {\n    if (options.reloadDocument) {\n      return false\n    }\n    return options.preload ?? router.options.defaultPreload\n  })\n\n  const preloadDelay = Vue.computed(\n    () => options.preloadDelay ?? router.options.defaultPreloadDelay ?? 0,\n  )\n\n  const isActive = Vue.computed(() =>\n    getIsActive({\n      activeOptions: options.activeOptions,\n      loc: currentLocation.value,\n      nextLoc: next.value,\n      router,\n    }),\n  )\n\n  const doPreload = () =>\n    router\n      .preloadRoute({ ...options, _builtLocation: next.value } as any)\n      .catch((err: any) => {\n        console.warn(err)\n        console.warn(preloadWarning)\n      })\n\n  const preloadViewportIoCallback = (\n    entry: IntersectionObserverEntry | undefined,\n  ) => {\n    if (entry?.isIntersecting) {\n      doPreload()\n    }\n  }\n\n  useIntersectionObserver(\n    ref,\n    preloadViewportIoCallback,\n    { rootMargin: '100px' },\n    { disabled: () => !!options.disabled || !(preload.value === 'viewport') },\n  )\n\n  Vue.effect(() => {\n    if (hasRenderFetched) {\n      return\n    }\n    if (!options.disabled && preload.value === 'render') {\n      doPreload()\n      hasRenderFetched = true\n    }\n  })\n\n  // The click handler\n  const handleClick = (e: PointerEvent): void => {\n    // Check actual element's target attribute as fallback\n    const elementTarget = (\n      e.currentTarget as HTMLAnchorElement | SVGAElement\n    )?.getAttribute('target')\n    const effectiveTarget =\n      options.target !== undefined ? options.target : elementTarget\n\n    if (\n      !options.disabled &&\n      !isCtrlEvent(e) &&\n      !e.defaultPrevented &&\n      (!effectiveTarget || effectiveTarget === '_self') &&\n      e.button === 0\n    ) {\n      // Don't prevent default or handle navigation if reloadDocument is true\n      if (options.reloadDocument) {\n        return\n      }\n\n      e.preventDefault()\n\n      isTransitioning.value = true\n\n      const unsub = router.subscribe('onResolved', () => {\n        unsub()\n        isTransitioning.value = false\n      })\n\n      // All is well? Navigate!\n      router.navigate({\n        ...options,\n        replace: options.replace,\n        resetScroll: options.resetScroll,\n        hashScrollIntoView: options.hashScrollIntoView,\n        startTransition: options.startTransition,\n        viewTransition: options.viewTransition,\n        ignoreBlocker: options.ignoreBlocker,\n      })\n    }\n  }\n\n  const enqueueIntentPreload = (e: MouseEvent | FocusEvent) => {\n    if (options.disabled || preload.value !== 'intent') return\n\n    if (!preloadDelay.value) {\n      doPreload()\n      return\n    }\n\n    const eventTarget = e.currentTarget || e.target\n\n    if (!eventTarget || timeoutMap.has(eventTarget)) return\n\n    timeoutMap.set(\n      eventTarget,\n      setTimeout(() => {\n        timeoutMap.delete(eventTarget)\n        doPreload()\n      }, preloadDelay.value),\n    )\n  }\n\n  const handleTouchStart = (_: TouchEvent) => {\n    if (options.disabled || preload.value !== 'intent') return\n    doPreload()\n  }\n\n  const handleLeave = (e: MouseEvent | FocusEvent) => {\n    if (options.disabled) return\n    const eventTarget = e.currentTarget || e.target\n\n    if (eventTarget) {\n      const id = timeoutMap.get(eventTarget)\n      clearTimeout(id)\n      timeoutMap.delete(eventTarget)\n    }\n  }\n\n  // Helper to compose event handlers - with explicit return type and better type handling\n  function composeEventHandlers<T extends Event>(\n    handlers: Array<EventHandler<T> | undefined>,\n  ): (e: T) => void {\n    return (event: T) => {\n      for (const handler of handlers) {\n        if (handler) {\n          handler(event)\n        }\n      }\n    }\n  }\n\n  // Get the active and inactive props\n  const resolvedStyleProps = Vue.computed(() =>\n    resolveStyleProps({\n      options: options as AnyLinkPropsOptions,\n      isActive: isActive.value,\n    }),\n  )\n\n  const href = Vue.computed(() =>\n    getHref({\n      options: options as AnyLinkPropsOptions,\n      router,\n      nextLocation: next.value,\n    }),\n  )\n\n  // Create static event handlers that don't change between renders\n  const staticEventHandlers = {\n    onClick: composeEventHandlers<PointerEvent>([\n      options.onClick,\n      handleClick,\n    ]) as any,\n    onBlur: composeEventHandlers<FocusEvent>([\n      options.onBlur,\n      handleLeave,\n    ]) as any,\n    onFocus: composeEventHandlers<FocusEvent>([\n      options.onFocus,\n      enqueueIntentPreload,\n    ]) as any,\n    onMouseenter: composeEventHandlers<MouseEvent>([\n      eventHandlers.onMouseenter,\n      enqueueIntentPreload,\n    ]) as any,\n    onMouseover: composeEventHandlers<MouseEvent>([\n      eventHandlers.onMouseover,\n      enqueueIntentPreload,\n    ]) as any,\n    onMouseleave: composeEventHandlers<MouseEvent>([\n      eventHandlers.onMouseleave,\n      handleLeave,\n    ]) as any,\n    onMouseout: composeEventHandlers<MouseEvent>([\n      eventHandlers.onMouseout,\n      handleLeave,\n    ]) as any,\n    onTouchstart: composeEventHandlers<TouchEvent>([\n      eventHandlers.onTouchstart,\n      handleTouchStart,\n    ]) as any,\n  }\n\n  // Compute all props synchronously to avoid hydration mismatches\n  // Using Vue.computed ensures props are calculated at render time, not after\n  const computedProps = Vue.computed<LinkHTMLAttributes>(() => {\n    const {\n      resolvedActiveProps,\n      resolvedInactiveProps,\n      resolvedClassName,\n      resolvedStyle,\n    } = resolvedStyleProps.value\n    return combineResultProps({\n      href: href.value,\n      options: options as AnyLinkPropsOptions,\n      ref,\n      staticEventHandlers,\n      isActive: isActive.value,\n      isTransitioning: isTransitioning.value,\n      resolvedActiveProps,\n      resolvedInactiveProps,\n      resolvedClassName,\n      resolvedStyle,\n    })\n  })\n\n  // Return the computed ref itself - callers should access .value\n  return computedProps as unknown as LinkHTMLAttributes\n}\n\nfunction resolveStyleProps({\n  options,\n  isActive,\n}: {\n  options: AnyLinkPropsOptions\n  isActive: boolean\n}) {\n  const activeProps = options.activeProps || (() => ({ class: 'active' }))\n  const resolvedActiveProps: StyledProps = (isActive\n    ? typeof activeProps === 'function'\n      ? activeProps()\n      : activeProps\n    : {}) || { class: undefined, style: undefined }\n\n  const inactiveProps = options.inactiveProps || (() => ({}))\n\n  const resolvedInactiveProps: StyledProps = (isActive\n    ? {}\n    : typeof inactiveProps === 'function'\n      ? inactiveProps()\n      : inactiveProps) || { class: undefined, style: undefined }\n\n  const classes = [\n    options.class,\n    resolvedActiveProps?.class,\n    resolvedInactiveProps?.class,\n  ].filter(Boolean)\n  const resolvedClassName = classes.length ? classes.join(' ') : undefined\n\n  const result: Record<string, string | number> = {}\n\n  // Merge styles from all sources\n  if (options.style) {\n    Object.assign(result, options.style)\n  }\n\n  if (resolvedActiveProps?.style) {\n    Object.assign(result, resolvedActiveProps.style)\n  }\n\n  if (resolvedInactiveProps?.style) {\n    Object.assign(result, resolvedInactiveProps.style)\n  }\n\n  const resolvedStyle = Object.keys(result).length > 0 ? result : undefined\n  return {\n    resolvedActiveProps,\n    resolvedInactiveProps,\n    resolvedClassName,\n    resolvedStyle,\n  }\n}\n\nfunction combineResultProps({\n  href,\n  options,\n  isActive,\n  isTransitioning,\n  resolvedActiveProps,\n  resolvedInactiveProps,\n  resolvedClassName,\n  resolvedStyle,\n  ref,\n  staticEventHandlers,\n}: {\n  initial?: LinkHTMLAttributes\n  href: string | undefined\n  options: AnyLinkPropsOptions\n  isActive: boolean\n  isTransitioning: boolean\n  resolvedActiveProps: StyledProps\n  resolvedInactiveProps: StyledProps\n  resolvedClassName?: string\n  resolvedStyle?: Record<string, string | number>\n  ref?: Vue.VNodeRef | undefined\n  staticEventHandlers?: {\n    onClick: any\n    onBlur: any\n    onFocus: any\n    onMouseenter: any\n    onMouseover: any\n    onMouseleave: any\n    onMouseout: any\n    onTouchstart: any\n  }\n}) {\n  const result: Record<string, unknown> = {\n    ...getPropsSafeToSpread(options),\n    ref,\n    ...staticEventHandlers,\n    href,\n    disabled: !!options.disabled,\n    target: options.target,\n  }\n\n  if (resolvedStyle) {\n    result.style = resolvedStyle\n  }\n\n  if (resolvedClassName) {\n    result.class = resolvedClassName\n  }\n\n  if (options.disabled) {\n    result.role = 'link'\n    result['aria-disabled'] = true\n  }\n\n  if (isActive) {\n    result['data-status'] = 'active'\n    result['aria-current'] = 'page'\n  }\n\n  if (isTransitioning) {\n    result['data-transitioning'] = 'transitioning'\n  }\n\n  for (const key of Object.keys(resolvedActiveProps)) {\n    if (key !== 'class' && key !== 'style') {\n      result[key] = resolvedActiveProps[key]\n    }\n  }\n\n  for (const key of Object.keys(resolvedInactiveProps)) {\n    if (key !== 'class' && key !== 'style') {\n      result[key] = resolvedInactiveProps[key]\n    }\n  }\n  return result\n}\n\nfunction getLinkEventHandlers(\n  options: LinkEventOptions,\n): VueStyleLinkEventHandlers {\n  return {\n    onMouseenter: options.onMouseEnter ?? options.onMouseenter,\n    onMouseleave: options.onMouseLeave ?? options.onMouseleave,\n    onMouseover: options.onMouseOver ?? options.onMouseover,\n    onMouseout: options.onMouseOut ?? options.onMouseout,\n    onTouchstart: options.onTouchStart ?? options.onTouchstart,\n  }\n}\n\nconst getPropsSafeToSpread = (options: AnyLinkPropsOptions) => {\n  const {\n    activeProps: _activeProps,\n    inactiveProps: _inactiveProps,\n    activeOptions: _activeOptions,\n    to: _to,\n    preload: _preload,\n    preloadDelay: _preloadDelay,\n    preloadIntentProximity: _preloadIntentProximity,\n    hashScrollIntoView: _hashScrollIntoView,\n    replace: _replace,\n    startTransition: _startTransition,\n    resetScroll: _resetScroll,\n    viewTransition: _viewTransition,\n    children: _children,\n    target: _target,\n    disabled: _disabled,\n    style: _style,\n    class: _class,\n    onClick: _onClick,\n    onBlur: _onBlur,\n    onFocus: _onFocus,\n    onMouseEnter: _onMouseEnter,\n    onMouseenter: _onMouseenter,\n    onMouseLeave: _onMouseLeave,\n    onMouseleave: _onMouseleave,\n    onMouseOver: _onMouseOver,\n    onMouseover: _onMouseover,\n    onMouseOut: _onMouseOut,\n    onMouseout: _onMouseout,\n    onTouchStart: _onTouchStart,\n    onTouchstart: _onTouchstart,\n    ignoreBlocker: _ignoreBlocker,\n    params: _params,\n    search: _search,\n    hash: _hash,\n    state: _state,\n    mask: _mask,\n    reloadDocument: _reloadDocument,\n    unsafeRelative: _unsafeRelative,\n    _asChild: __asChild,\n    from: _from,\n    additionalProps: _additionalProps,\n    ...propsSafeToSpread\n  } = options as AnyLinkPropsOptions & {\n    additionalProps?: unknown\n    children?: unknown\n    _asChild?: unknown\n  }\n\n  return propsSafeToSpread\n}\n\nfunction getIsActive({\n  activeOptions,\n  loc,\n  nextLoc,\n  router,\n}: {\n  activeOptions: LinkOptions['activeOptions']\n  loc: {\n    pathname: string\n    search: any\n    hash: string\n  }\n  nextLoc: {\n    pathname: string\n    search: any\n    hash: string\n  }\n  router: AnyRouter\n}) {\n  if (activeOptions?.exact) {\n    const testExact = exactPathTest(\n      loc.pathname,\n      nextLoc.pathname,\n      router.basepath,\n    )\n    if (!testExact) {\n      return false\n    }\n  } else {\n    const currentPath = removeTrailingSlash(loc.pathname, router.basepath)\n    const nextPath = removeTrailingSlash(nextLoc.pathname, router.basepath)\n\n    const pathIsFuzzyEqual =\n      currentPath.startsWith(nextPath) &&\n      (currentPath.length === nextPath.length ||\n        currentPath[nextPath.length] === '/')\n    if (!pathIsFuzzyEqual) {\n      return false\n    }\n  }\n\n  if (activeOptions?.includeSearch ?? true) {\n    const searchTest = deepEqual(loc.search, nextLoc.search, {\n      partial: !activeOptions?.exact,\n      ignoreUndefined: !activeOptions?.explicitUndefined,\n    })\n    if (!searchTest) {\n      return false\n    }\n  }\n\n  if (activeOptions?.includeHash) {\n    return loc.hash === nextLoc.hash\n  }\n  return true\n}\n\nfunction getHref({\n  options,\n  router,\n  nextLocation,\n}: {\n  options: AnyLinkPropsOptions\n  router: AnyRouter\n  nextLocation?: ParsedLocation\n}) {\n  if (options.disabled) {\n    return undefined\n  }\n  const location = nextLocation?.maskedLocation ?? nextLocation\n\n  // Use publicHref - it contains the correct href for display\n  // When a rewrite changes the origin, publicHref is the full URL\n  // Otherwise it's the origin-stripped path\n  // This avoids constructing URL objects in the hot path\n  const publicHref = location?.publicHref\n  if (!publicHref) return undefined\n\n  const external = location?.external\n  if (external) return publicHref\n\n  return router.history.createHref(publicHref) || '/'\n}\n\n// Type definitions\nexport type UseLinkPropsOptions<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends RoutePaths<TRouter['routeTree']> | string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends RoutePaths<TRouter['routeTree']> | string = TFrom,\n  TMaskTo extends string = '.',\n> = ActiveLinkOptions<'a', TRouter, TFrom, TTo, TMaskFrom, TMaskTo> &\n  LinkHTMLAttributes\n\nexport type ActiveLinkOptions<\n  TComp = 'a',\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '.',\n> = LinkOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo> &\n  ActiveLinkOptionProps<TComp>\n\ntype ActiveLinkProps<TComp> = Partial<\n  (TComp extends keyof HTMLElementTagNameMap\n    ? LinkHTMLAttributes\n    : PropsOfComponent<TComp>) & {\n    [key: `data-${string}`]: unknown\n  }\n>\n\nexport interface ActiveLinkOptionProps<TComp = 'a'> {\n  /**\n   * A function that returns additional props for the `active` state of this link.\n   * These props override other props passed to the link (`style`'s are merged, `class`'s are concatenated)\n   */\n  activeProps?: ActiveLinkProps<TComp> | (() => ActiveLinkProps<TComp>)\n  /**\n   * A function that returns additional props for the `inactive` state of this link.\n   * These props override other props passed to the link (`style`'s are merged, `class`'s are concatenated)\n   */\n  inactiveProps?: ActiveLinkProps<TComp> | (() => ActiveLinkProps<TComp>)\n}\n\nexport type LinkProps<\n  TComp = 'a',\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '.',\n> = ActiveLinkOptions<TComp, TRouter, TFrom, TTo, TMaskFrom, TMaskTo> &\n  LinkPropsChildren\n\nexport interface LinkPropsChildren {\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    | Vue.VNodeChild\n    | ((state: {\n        isActive: boolean\n        isTransitioning: boolean\n      }) => Vue.VNodeChild)\n}\n\ntype LinkComponentVueProps<TComp> = TComp extends keyof HTMLElementTagNameMap\n  ? Omit<LinkHTMLAttributes, keyof CreateLinkProps>\n  : Omit<PropsOfComponent<TComp>, keyof CreateLinkProps>\n\nexport type LinkComponentProps<\n  TComp = 'a',\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '.',\n> = LinkComponentVueProps<TComp> &\n  LinkProps<TComp, TRouter, TFrom, TTo, TMaskFrom, TMaskTo>\n\nexport type CreateLinkProps = LinkProps<\n  any,\n  any,\n  string,\n  string,\n  string,\n  string\n>\n\nexport type LinkComponent<\n  in out TComp,\n  in out TDefaultFrom extends string = string,\n> = <\n  TRouter extends AnyRouter = RegisteredRouter,\n  const TFrom extends string = TDefaultFrom,\n  const TTo extends string | undefined = undefined,\n  const TMaskFrom extends string = TFrom,\n  const TMaskTo extends string = '',\n>(\n  props: LinkComponentProps<TComp, TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n) => Vue.VNode\n\nexport interface LinkComponentRoute<\n  in out TDefaultFrom extends string = string,\n> {\n  defaultFrom: TDefaultFrom;\n  <\n    TRouter extends AnyRouter = RegisteredRouter,\n    const TTo extends string | undefined = undefined,\n    const TMaskTo extends string = '',\n  >(\n    props: LinkComponentProps<\n      'a',\n      TRouter,\n      this['defaultFrom'],\n      TTo,\n      this['defaultFrom'],\n      TMaskTo\n    >,\n  ): Vue.VNode\n}\n\nexport function createLink<const TComp>(\n  Comp: Constrain<TComp, any, (props: CreateLinkProps) => Vue.VNode>,\n): LinkComponent<TComp> {\n  return Vue.defineComponent({\n    name: 'CreatedLink',\n    inheritAttrs: false,\n    setup(_, { attrs, slots }) {\n      return () => Vue.h(LinkImpl as any, { ...attrs, _asChild: Comp }, slots)\n    },\n  }) as any\n}\n\nconst LinkImpl = Vue.defineComponent({\n  name: 'Link',\n  inheritAttrs: false,\n  props: [\n    '_asChild',\n    'to',\n    'preload',\n    'preloadDelay',\n    'preloadIntentProximity',\n    'activeProps',\n    'inactiveProps',\n    'activeOptions',\n    'from',\n    'search',\n    'params',\n    'hash',\n    'state',\n    'mask',\n    'reloadDocument',\n    'disabled',\n    'additionalProps',\n    'viewTransition',\n    'resetScroll',\n    'startTransition',\n    'hashScrollIntoView',\n    'replace',\n    'ignoreBlocker',\n    'target',\n  ],\n  setup(props, { attrs, slots }) {\n    // Call useLinkProps ONCE during setup with combined props and attrs\n    const allProps = { ...props, ...attrs }\n    const linkPropsSource = useLinkProps(allProps as any) as\n      | LinkHTMLAttributes\n      | Vue.ComputedRef<LinkHTMLAttributes>\n\n    return () => {\n      const Component = props._asChild || 'a'\n\n      const linkProps = Vue.unref(linkPropsSource)\n\n      const isActive = linkProps['data-status'] === 'active'\n      const isTransitioning =\n        linkProps['data-transitioning'] === 'transitioning'\n\n      // Create the slot content or empty array if no default slot\n      const slotContent = slots.default\n        ? slots.default({\n            isActive,\n            isTransitioning,\n          })\n        : []\n\n      // Special handling for SVG links - wrap an <a> inside the SVG\n      if (Component === 'svg') {\n        // Create props without class for svg link\n        const svgLinkProps = { ...linkProps }\n        delete svgLinkProps.class\n        return Vue.h('svg', {}, [Vue.h('a', svgLinkProps, slotContent)])\n      }\n\n      // For custom functional components (non-string), pass children as a prop\n      // since they may expect children as a prop like in Solid\n      if (typeof Component !== 'string') {\n        return Vue.h(\n          Component,\n          { ...linkProps, children: slotContent },\n          slotContent,\n        )\n      }\n\n      // Return the component with props and children\n      return Vue.h(Component, linkProps, slotContent)\n    }\n  },\n})\n\n/**\n * Link component with proper TypeScript generics support\n */\nexport const Link = LinkImpl as unknown as Vue.Component<unknown> &\n  Vue.Component<CreateLinkProps> &\n  LinkComponent<'a'>\n\nfunction isCtrlEvent(e: MouseEvent) {\n  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)\n}\n\nexport type LinkOptionsFnOptions<\n  TOptions,\n  TComp,\n  TRouter extends AnyRouter = RegisteredRouter,\n> =\n  TOptions extends ReadonlyArray<any>\n    ? ValidateLinkOptionsArray<TRouter, TOptions, string, TComp>\n    : ValidateLinkOptions<TRouter, TOptions, string, TComp>\n\nexport type LinkOptionsFn<TComp> = <\n  const TOptions,\n  TRouter extends AnyRouter = RegisteredRouter,\n>(\n  options: LinkOptionsFnOptions<TOptions, TComp, TRouter>,\n) => TOptions\n\nexport const linkOptions: LinkOptionsFn<'a'> = (options) => {\n  return options as any\n}\n"],"mappings":"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"}
+{"version":3,"file":"link.js","names":["Vue","deepEqual","exactPathTest","isDangerousProtocol","preloadWarning","removeTrailingSlash","isServer","useStore","useRouter","useIntersectionObserver","timeoutMap","WeakMap","useLinkProps","options","router","isTransitioning","ref","hasRenderFetched","console","warn","computed","type","URL","to","eventHandlers","getLinkEventHandlers","value","protocolAllowlist","process","env","NODE_ENV","safeProps","getPropsSafeToSpread","target","disabled","style","class","onClick","onBlur","onFocus","onMouseenter","onMouseleave","onMouseover","onMouseout","onTouchstart","Object","keys","forEach","key","undefined","externalProps","href","next","buildLocation","getHref","nextLocation","isActive","getIsActive","loc","stores","location","get","nextLoc","activeOptions","resolvedActiveProps","resolvedInactiveProps","resolvedClassName","resolvedStyle","resolveStyleProps","result","combineResultProps","currentLocation","l","equal","prev","opts","_fromLocation","preload","reloadDocument","defaultPreload","preloadDelay","defaultPreloadDelay","doPreload","preloadRoute","_builtLocation","catch","err","preloadViewportIoCallback","entry","isIntersecting","rootMargin","effect","handleClick","e","elementTarget","currentTarget","getAttribute","effectiveTarget","isCtrlEvent","defaultPrevented","button","preventDefault","unsub","subscribe","navigate","replace","resetScroll","hashScrollIntoView","startTransition","viewTransition","ignoreBlocker","enqueueIntentPreload","eventTarget","has","set","setTimeout","delete","handleTouchStart","_","handleLeave","id","clearTimeout","composeEventHandlers","handlers","event","handler","resolvedStyleProps","staticEventHandlers","computedProps","activeProps","inactiveProps","classes","filter","Boolean","length","join","assign","role","onMouseEnter","onMouseLeave","onMouseOver","onMouseOut","onTouchStart","_activeProps","_inactiveProps","_activeOptions","_to","_preload","_preloadDelay","preloadIntentProximity","_preloadIntentProximity","_hashScrollIntoView","_replace","_startTransition","_resetScroll","_viewTransition","children","_children","_target","_disabled","_style","_class","_onClick","_onBlur","_onFocus","_onMouseEnter","_onMouseenter","_onMouseLeave","_onMouseleave","_onMouseOver","_onMouseover","_onMouseOut","_onMouseout","_onTouchStart","_onTouchstart","_ignoreBlocker","params","_params","search","_search","hash","_hash","state","_state","mask","_mask","_reloadDocument","unsafeRelative","_unsafeRelative","_asChild","__asChild","from","_from","additionalProps","_additionalProps","propsSafeToSpread","exact","testExact","pathname","basepath","currentPath","nextPath","pathIsFuzzyEqual","startsWith","includeSearch","searchTest","partial","ignoreUndefined","explicitUndefined","includeHash","maskedLocation","publicHref","external","history","createHref","createLink","Comp","defineComponent","name","inheritAttrs","setup","attrs","slots","h","LinkImpl","props","allProps","linkPropsSource","Component","linkProps","unref","slotContent","default","svgLinkProps","Link","metaKey","altKey","ctrlKey","shiftKey","linkOptions"],"sources":["../../src/link.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  deepEqual,\n  exactPathTest,\n  isDangerousProtocol,\n  preloadWarning,\n  removeTrailingSlash,\n} from '@tanstack/router-core'\nimport { isServer } from '@tanstack/router-core/isServer'\n\nimport { useStore } from '@tanstack/vue-store'\nimport { useRouter } from './useRouter'\nimport { useIntersectionObserver } from './utils'\n\nimport type {\n  AnyRouter,\n  Constrain,\n  LinkOptions,\n  ParsedLocation,\n  RegisteredRouter,\n  RoutePaths,\n} from '@tanstack/router-core'\nimport type { AnchorHTMLAttributes, ReservedProps } from '@vue/runtime-dom'\nimport type {\n  ValidateLinkOptions,\n  ValidateLinkOptionsArray,\n} from './typePrimitives'\n\ntype EventHandler<TEvent = Event> = (e: TEvent) => void\n\nconst timeoutMap = new WeakMap<EventTarget, ReturnType<typeof setTimeout>>()\n\ntype DataAttributes = {\n  [K in `data-${string}`]?: unknown\n}\n\ntype LinkHTMLAttributes = AnchorHTMLAttributes &\n  ReservedProps &\n  DataAttributes & {\n    // Vue's runtime-dom types use lowercase event names.\n    // Also accept camelCase versions for external API compatibility.\n    onMouseEnter?: EventHandler<MouseEvent>\n    onMouseLeave?: EventHandler<MouseEvent>\n    onMouseOver?: EventHandler<MouseEvent>\n    onMouseOut?: EventHandler<MouseEvent>\n    onTouchStart?: EventHandler<TouchEvent>\n\n    // `disabled` is not a valid <a> attribute, but is useful when using `asChild`.\n    disabled?: boolean\n  }\n\ntype VueStyleLinkEventHandlers = {\n  onMouseenter?: EventHandler<MouseEvent>\n  onMouseleave?: EventHandler<MouseEvent>\n  onMouseover?: EventHandler<MouseEvent>\n  onMouseout?: EventHandler<MouseEvent>\n  onTouchstart?: EventHandler<TouchEvent>\n}\n\ninterface StyledProps {\n  class?: LinkHTMLAttributes['class']\n  style?: LinkHTMLAttributes['style']\n  [key: string]: unknown\n}\n\ntype PropsOfComponent<TComp> =\n  // Functional components\n  TComp extends (props: infer P, ...args: Array<unknown>) => any\n    ? P\n    : // Vue components (defineComponent, class components, etc)\n      TComp extends Vue.Component<infer P>\n      ? P\n      : Record<string, unknown>\n\ntype AnyLinkPropsOptions = UseLinkPropsOptions<any, any, any, any, any>\ntype LinkEventOptions = AnyLinkPropsOptions & Partial<VueStyleLinkEventHandlers>\n\nexport function useLinkProps<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends RoutePaths<TRouter['routeTree']> | string = string,\n  TTo extends string = '',\n  TMaskFrom extends RoutePaths<TRouter['routeTree']> | string = TFrom,\n  TMaskTo extends string = '',\n>(\n  options: UseLinkPropsOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n): LinkHTMLAttributes {\n  const router = useRouter()\n  const isTransitioning = Vue.ref(false)\n  let hasRenderFetched = false\n\n  // Ensure router is defined before proceeding\n  if (!router) {\n    console.warn('useRouter must be used inside a <RouterProvider> component!')\n    return Vue.computed(() => ({})) as unknown as LinkHTMLAttributes\n  }\n\n  // Determine if the link is external or internal\n  const type = Vue.computed(() => {\n    try {\n      new URL(`${options.to}`)\n      return 'external'\n    } catch {\n      return 'internal'\n    }\n  })\n\n  const ref = Vue.ref<Element | null>(null)\n  const eventHandlers = getLinkEventHandlers(options as LinkEventOptions)\n\n  if (type.value === 'external') {\n    // Block dangerous protocols like javascript:, blob:, data:\n    if (isDangerousProtocol(options.to as string, router.protocolAllowlist)) {\n      if (process.env.NODE_ENV !== 'production') {\n        console.warn(`Blocked Link with dangerous protocol: ${options.to}`)\n      }\n      // Return props without href to prevent navigation\n      const safeProps: Record<string, unknown> = {\n        ...getPropsSafeToSpread(options as AnyLinkPropsOptions),\n        ref,\n        // No href attribute - blocks the dangerous protocol\n        target: options.target,\n        disabled: options.disabled,\n        style: options.style,\n        class: options.class,\n        onClick: options.onClick,\n        onBlur: options.onBlur,\n        onFocus: options.onFocus,\n        onMouseenter: eventHandlers.onMouseenter,\n        onMouseleave: eventHandlers.onMouseleave,\n        onMouseover: eventHandlers.onMouseover,\n        onMouseout: eventHandlers.onMouseout,\n        onTouchstart: eventHandlers.onTouchstart,\n      }\n\n      // Remove undefined values\n      Object.keys(safeProps).forEach((key) => {\n        if (safeProps[key] === undefined) {\n          delete safeProps[key]\n        }\n      })\n\n      return Vue.computed(\n        () => safeProps as LinkHTMLAttributes,\n      ) as unknown as LinkHTMLAttributes\n    }\n\n    // External links just have simple props\n    const externalProps: Record<string, unknown> = {\n      ...getPropsSafeToSpread(options as AnyLinkPropsOptions),\n      ref,\n      href: options.to,\n      target: options.target,\n      disabled: options.disabled,\n      style: options.style,\n      class: options.class,\n      onClick: options.onClick,\n      onBlur: options.onBlur,\n      onFocus: options.onFocus,\n      onMouseenter: eventHandlers.onMouseenter,\n      onMouseleave: eventHandlers.onMouseleave,\n      onMouseover: eventHandlers.onMouseover,\n      onMouseout: eventHandlers.onMouseout,\n      onTouchstart: eventHandlers.onTouchstart,\n    }\n\n    // Remove undefined values\n    Object.keys(externalProps).forEach((key) => {\n      if (externalProps[key] === undefined) {\n        delete externalProps[key]\n      }\n    })\n\n    return Vue.computed(\n      () => externalProps as LinkHTMLAttributes,\n    ) as unknown as LinkHTMLAttributes\n  }\n\n  // During SSR we render exactly once and do not need reactivity.\n  // Avoid store subscriptions, effects and observers on the server.\n  if (isServer ?? router.isServer) {\n    const next = router.buildLocation(options as any)\n    const href = getHref({\n      options: options as AnyLinkPropsOptions,\n      router,\n      nextLocation: next,\n    })\n\n    const isActive = getIsActive({\n      loc: router.stores.location.get(),\n      nextLoc: next,\n      activeOptions: options.activeOptions,\n      router,\n    })\n\n    const {\n      resolvedActiveProps,\n      resolvedInactiveProps,\n      resolvedClassName,\n      resolvedStyle,\n    } = resolveStyleProps({\n      options: options as AnyLinkPropsOptions,\n      isActive,\n    })\n\n    const result = combineResultProps({\n      href,\n      options: options as AnyLinkPropsOptions,\n      isActive,\n      isTransitioning: false,\n      resolvedActiveProps,\n      resolvedInactiveProps,\n      resolvedClassName,\n      resolvedStyle,\n    })\n\n    return Vue.ref(\n      result as LinkHTMLAttributes,\n    ) as unknown as LinkHTMLAttributes\n  }\n\n  const currentLocation = useStore(router.stores.location, (l) => l, {\n    equal: (prev, next) => prev.href === next.href,\n  })\n\n  const next = Vue.computed(() => {\n    // Rebuild when inherited search/hash or the current route context changes.\n\n    const opts = { _fromLocation: currentLocation.value, ...options }\n    return router.buildLocation(opts as any)\n  })\n\n  const preload = Vue.computed(() => {\n    if (options.reloadDocument) {\n      return false\n    }\n    return options.preload ?? router.options.defaultPreload\n  })\n\n  const preloadDelay = Vue.computed(\n    () => options.preloadDelay ?? router.options.defaultPreloadDelay ?? 0,\n  )\n\n  const isActive = Vue.computed(() =>\n    getIsActive({\n      activeOptions: options.activeOptions,\n      loc: currentLocation.value,\n      nextLoc: next.value,\n      router,\n    }),\n  )\n\n  const doPreload = () =>\n    router\n      .preloadRoute({ ...options, _builtLocation: next.value } as any)\n      .catch((err: any) => {\n        console.warn(err)\n        console.warn(preloadWarning)\n      })\n\n  const preloadViewportIoCallback = (\n    entry: IntersectionObserverEntry | undefined,\n  ) => {\n    if (entry?.isIntersecting) {\n      doPreload()\n    }\n  }\n\n  useIntersectionObserver(\n    ref,\n    preloadViewportIoCallback,\n    { rootMargin: '100px' },\n    { disabled: () => !!options.disabled || !(preload.value === 'viewport') },\n  )\n\n  Vue.effect(() => {\n    if (hasRenderFetched) {\n      return\n    }\n    if (!options.disabled && preload.value === 'render') {\n      doPreload()\n      hasRenderFetched = true\n    }\n  })\n\n  // The click handler\n  const handleClick = (e: PointerEvent): void => {\n    // Check actual element's target attribute as fallback\n    const elementTarget = (\n      e.currentTarget as HTMLAnchorElement | SVGAElement\n    )?.getAttribute('target')\n    const effectiveTarget =\n      options.target !== undefined ? options.target : elementTarget\n\n    if (\n      !options.disabled &&\n      !isCtrlEvent(e) &&\n      !e.defaultPrevented &&\n      (!effectiveTarget || effectiveTarget === '_self') &&\n      e.button === 0\n    ) {\n      // Don't prevent default or handle navigation if reloadDocument is true\n      if (options.reloadDocument) {\n        return\n      }\n\n      e.preventDefault()\n\n      isTransitioning.value = true\n\n      const unsub = router.subscribe('onResolved', () => {\n        unsub()\n        isTransitioning.value = false\n      })\n\n      // All is well? Navigate!\n      router.navigate({\n        ...options,\n        replace: options.replace,\n        resetScroll: options.resetScroll,\n        hashScrollIntoView: options.hashScrollIntoView,\n        startTransition: options.startTransition,\n        viewTransition: options.viewTransition,\n        ignoreBlocker: options.ignoreBlocker,\n      })\n    }\n  }\n\n  const enqueueIntentPreload = (e: MouseEvent | FocusEvent) => {\n    if (options.disabled || preload.value !== 'intent') return\n\n    if (!preloadDelay.value) {\n      doPreload()\n      return\n    }\n\n    const eventTarget = e.currentTarget || e.target\n\n    if (!eventTarget || timeoutMap.has(eventTarget)) return\n\n    timeoutMap.set(\n      eventTarget,\n      setTimeout(() => {\n        timeoutMap.delete(eventTarget)\n        doPreload()\n      }, preloadDelay.value),\n    )\n  }\n\n  const handleTouchStart = (_: TouchEvent) => {\n    if (options.disabled || preload.value !== 'intent') return\n    doPreload()\n  }\n\n  const handleLeave = (e: MouseEvent | FocusEvent) => {\n    if (options.disabled) return\n    const eventTarget = e.currentTarget || e.target\n\n    if (eventTarget) {\n      const id = timeoutMap.get(eventTarget)\n      clearTimeout(id)\n      timeoutMap.delete(eventTarget)\n    }\n  }\n\n  // Helper to compose event handlers - with explicit return type and better type handling\n  function composeEventHandlers<T extends Event>(\n    handlers: Array<EventHandler<T> | undefined>,\n  ): (e: T) => void {\n    return (event: T) => {\n      for (const handler of handlers) {\n        if (handler) {\n          handler(event)\n        }\n      }\n    }\n  }\n\n  // Get the active and inactive props\n  const resolvedStyleProps = Vue.computed(() =>\n    resolveStyleProps({\n      options: options as AnyLinkPropsOptions,\n      isActive: isActive.value,\n    }),\n  )\n\n  const href = Vue.computed(() =>\n    getHref({\n      options: options as AnyLinkPropsOptions,\n      router,\n      nextLocation: next.value,\n    }),\n  )\n\n  // Create static event handlers that don't change between renders\n  const staticEventHandlers = {\n    onClick: composeEventHandlers<PointerEvent>([\n      options.onClick,\n      handleClick,\n    ]) as any,\n    onBlur: composeEventHandlers<FocusEvent>([\n      options.onBlur,\n      handleLeave,\n    ]) as any,\n    onFocus: composeEventHandlers<FocusEvent>([\n      options.onFocus,\n      enqueueIntentPreload,\n    ]) as any,\n    onMouseenter: composeEventHandlers<MouseEvent>([\n      eventHandlers.onMouseenter,\n      enqueueIntentPreload,\n    ]) as any,\n    onMouseover: composeEventHandlers<MouseEvent>([\n      eventHandlers.onMouseover,\n      enqueueIntentPreload,\n    ]) as any,\n    onMouseleave: composeEventHandlers<MouseEvent>([\n      eventHandlers.onMouseleave,\n      handleLeave,\n    ]) as any,\n    onMouseout: composeEventHandlers<MouseEvent>([\n      eventHandlers.onMouseout,\n      handleLeave,\n    ]) as any,\n    onTouchstart: composeEventHandlers<TouchEvent>([\n      eventHandlers.onTouchstart,\n      handleTouchStart,\n    ]) as any,\n  }\n\n  // Compute all props synchronously to avoid hydration mismatches\n  // Using Vue.computed ensures props are calculated at render time, not after\n  const computedProps = Vue.computed<LinkHTMLAttributes>(() => {\n    const {\n      resolvedActiveProps,\n      resolvedInactiveProps,\n      resolvedClassName,\n      resolvedStyle,\n    } = resolvedStyleProps.value\n    return combineResultProps({\n      href: href.value,\n      options: options as AnyLinkPropsOptions,\n      ref,\n      staticEventHandlers,\n      isActive: isActive.value,\n      isTransitioning: isTransitioning.value,\n      resolvedActiveProps,\n      resolvedInactiveProps,\n      resolvedClassName,\n      resolvedStyle,\n    })\n  })\n\n  // Return the computed ref itself - callers should access .value\n  return computedProps as unknown as LinkHTMLAttributes\n}\n\nfunction resolveStyleProps({\n  options,\n  isActive,\n}: {\n  options: AnyLinkPropsOptions\n  isActive: boolean\n}) {\n  const activeProps = options.activeProps || (() => ({ class: 'active' }))\n  const resolvedActiveProps: StyledProps = (isActive\n    ? typeof activeProps === 'function'\n      ? activeProps()\n      : activeProps\n    : {}) || { class: undefined, style: undefined }\n\n  const inactiveProps = options.inactiveProps || (() => ({}))\n\n  const resolvedInactiveProps: StyledProps = (isActive\n    ? {}\n    : typeof inactiveProps === 'function'\n      ? inactiveProps()\n      : inactiveProps) || { class: undefined, style: undefined }\n\n  const classes = [\n    options.class,\n    resolvedActiveProps?.class,\n    resolvedInactiveProps?.class,\n  ].filter(Boolean)\n  const resolvedClassName = classes.length ? classes.join(' ') : undefined\n\n  const result: Record<string, string | number> = {}\n\n  // Merge styles from all sources\n  if (options.style) {\n    Object.assign(result, options.style)\n  }\n\n  if (resolvedActiveProps?.style) {\n    Object.assign(result, resolvedActiveProps.style)\n  }\n\n  if (resolvedInactiveProps?.style) {\n    Object.assign(result, resolvedInactiveProps.style)\n  }\n\n  const resolvedStyle = Object.keys(result).length > 0 ? result : undefined\n  return {\n    resolvedActiveProps,\n    resolvedInactiveProps,\n    resolvedClassName,\n    resolvedStyle,\n  }\n}\n\nfunction combineResultProps({\n  href,\n  options,\n  isActive,\n  isTransitioning,\n  resolvedActiveProps,\n  resolvedInactiveProps,\n  resolvedClassName,\n  resolvedStyle,\n  ref,\n  staticEventHandlers,\n}: {\n  initial?: LinkHTMLAttributes\n  href: string | undefined\n  options: AnyLinkPropsOptions\n  isActive: boolean\n  isTransitioning: boolean\n  resolvedActiveProps: StyledProps\n  resolvedInactiveProps: StyledProps\n  resolvedClassName?: string\n  resolvedStyle?: Record<string, string | number>\n  ref?: Vue.VNodeRef | undefined\n  staticEventHandlers?: {\n    onClick: any\n    onBlur: any\n    onFocus: any\n    onMouseenter: any\n    onMouseover: any\n    onMouseleave: any\n    onMouseout: any\n    onTouchstart: any\n  }\n}) {\n  const result: Record<string, unknown> = {\n    ...getPropsSafeToSpread(options),\n    ref,\n    ...staticEventHandlers,\n    href,\n    disabled: !!options.disabled,\n    target: options.target,\n  }\n\n  if (resolvedStyle) {\n    result.style = resolvedStyle\n  }\n\n  if (resolvedClassName) {\n    result.class = resolvedClassName\n  }\n\n  if (options.disabled) {\n    result.role = 'link'\n    result['aria-disabled'] = true\n  }\n\n  if (isActive) {\n    result['data-status'] = 'active'\n    result['aria-current'] = 'page'\n  }\n\n  if (isTransitioning) {\n    result['data-transitioning'] = 'transitioning'\n  }\n\n  for (const key of Object.keys(resolvedActiveProps)) {\n    if (key !== 'class' && key !== 'style') {\n      result[key] = resolvedActiveProps[key]\n    }\n  }\n\n  for (const key of Object.keys(resolvedInactiveProps)) {\n    if (key !== 'class' && key !== 'style') {\n      result[key] = resolvedInactiveProps[key]\n    }\n  }\n  return result\n}\n\nfunction getLinkEventHandlers(\n  options: LinkEventOptions,\n): VueStyleLinkEventHandlers {\n  return {\n    onMouseenter: options.onMouseEnter ?? options.onMouseenter,\n    onMouseleave: options.onMouseLeave ?? options.onMouseleave,\n    onMouseover: options.onMouseOver ?? options.onMouseover,\n    onMouseout: options.onMouseOut ?? options.onMouseout,\n    onTouchstart: options.onTouchStart ?? options.onTouchstart,\n  }\n}\n\nconst getPropsSafeToSpread = (options: AnyLinkPropsOptions) => {\n  const {\n    activeProps: _activeProps,\n    inactiveProps: _inactiveProps,\n    activeOptions: _activeOptions,\n    to: _to,\n    preload: _preload,\n    preloadDelay: _preloadDelay,\n    preloadIntentProximity: _preloadIntentProximity,\n    hashScrollIntoView: _hashScrollIntoView,\n    replace: _replace,\n    startTransition: _startTransition,\n    resetScroll: _resetScroll,\n    viewTransition: _viewTransition,\n    children: _children,\n    target: _target,\n    disabled: _disabled,\n    style: _style,\n    class: _class,\n    onClick: _onClick,\n    onBlur: _onBlur,\n    onFocus: _onFocus,\n    onMouseEnter: _onMouseEnter,\n    onMouseenter: _onMouseenter,\n    onMouseLeave: _onMouseLeave,\n    onMouseleave: _onMouseleave,\n    onMouseOver: _onMouseOver,\n    onMouseover: _onMouseover,\n    onMouseOut: _onMouseOut,\n    onMouseout: _onMouseout,\n    onTouchStart: _onTouchStart,\n    onTouchstart: _onTouchstart,\n    ignoreBlocker: _ignoreBlocker,\n    params: _params,\n    search: _search,\n    hash: _hash,\n    state: _state,\n    mask: _mask,\n    reloadDocument: _reloadDocument,\n    unsafeRelative: _unsafeRelative,\n    _asChild: __asChild,\n    from: _from,\n    additionalProps: _additionalProps,\n    ...propsSafeToSpread\n  } = options as AnyLinkPropsOptions & {\n    additionalProps?: unknown\n    children?: unknown\n    _asChild?: unknown\n  }\n\n  return propsSafeToSpread\n}\n\nfunction getIsActive({\n  activeOptions,\n  loc,\n  nextLoc,\n  router,\n}: {\n  activeOptions: LinkOptions['activeOptions']\n  loc: {\n    pathname: string\n    search: any\n    hash: string\n  }\n  nextLoc: {\n    pathname: string\n    search: any\n    hash: string\n  }\n  router: AnyRouter\n}) {\n  if (activeOptions?.exact) {\n    const testExact = exactPathTest(\n      loc.pathname,\n      nextLoc.pathname,\n      router.basepath,\n    )\n    if (!testExact) {\n      return false\n    }\n  } else {\n    const currentPath = removeTrailingSlash(loc.pathname, router.basepath)\n    const nextPath = removeTrailingSlash(nextLoc.pathname, router.basepath)\n\n    const pathIsFuzzyEqual =\n      currentPath.startsWith(nextPath) &&\n      (currentPath.length === nextPath.length ||\n        currentPath[nextPath.length] === '/')\n    if (!pathIsFuzzyEqual) {\n      return false\n    }\n  }\n\n  if (activeOptions?.includeSearch ?? true) {\n    const searchTest = deepEqual(loc.search, nextLoc.search, {\n      partial: !activeOptions?.exact,\n      ignoreUndefined: !activeOptions?.explicitUndefined,\n    })\n    if (!searchTest) {\n      return false\n    }\n  }\n\n  if (activeOptions?.includeHash) {\n    return loc.hash === nextLoc.hash\n  }\n  return true\n}\n\nfunction getHref({\n  options,\n  router,\n  nextLocation,\n}: {\n  options: AnyLinkPropsOptions\n  router: AnyRouter\n  nextLocation?: ParsedLocation\n}) {\n  if (options.disabled) {\n    return undefined\n  }\n  const location = nextLocation?.maskedLocation ?? nextLocation\n\n  // Use publicHref - it contains the correct href for display\n  // When a rewrite changes the origin, publicHref is the full URL\n  // Otherwise it's the origin-stripped path\n  // This avoids constructing URL objects in the hot path\n  const publicHref = location?.publicHref\n  if (!publicHref) return undefined\n\n  const external = location?.external\n  if (external) return publicHref\n\n  return router.history.createHref(publicHref) || '/'\n}\n\n// Type definitions\nexport type UseLinkPropsOptions<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends RoutePaths<TRouter['routeTree']> | string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends RoutePaths<TRouter['routeTree']> | string = TFrom,\n  TMaskTo extends string = '.',\n> = ActiveLinkOptions<'a', TRouter, TFrom, TTo, TMaskFrom, TMaskTo> &\n  LinkHTMLAttributes\n\nexport type ActiveLinkOptions<\n  TComp = 'a',\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '.',\n> = LinkOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo> &\n  ActiveLinkOptionProps<TComp>\n\ntype ActiveLinkProps<TComp> = Partial<\n  (TComp extends keyof HTMLElementTagNameMap\n    ? LinkHTMLAttributes\n    : PropsOfComponent<TComp>) & {\n    [key: `data-${string}`]: unknown\n  }\n>\n\nexport interface ActiveLinkOptionProps<TComp = 'a'> {\n  /**\n   * A function that returns additional props for the `active` state of this link.\n   * These props override other props passed to the link (`style`'s are merged, `class`'s are concatenated)\n   */\n  activeProps?: ActiveLinkProps<TComp> | (() => ActiveLinkProps<TComp>)\n  /**\n   * A function that returns additional props for the `inactive` state of this link.\n   * These props override other props passed to the link (`style`'s are merged, `class`'s are concatenated)\n   */\n  inactiveProps?: ActiveLinkProps<TComp> | (() => ActiveLinkProps<TComp>)\n}\n\nexport type LinkProps<\n  TComp = 'a',\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '.',\n> = ActiveLinkOptions<TComp, TRouter, TFrom, TTo, TMaskFrom, TMaskTo> &\n  LinkPropsChildren\n\nexport interface LinkPropsChildren {\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    | Vue.VNodeChild\n    | ((state: {\n        isActive: boolean\n        isTransitioning: boolean\n      }) => Vue.VNodeChild)\n}\n\ntype LinkComponentVueProps<TComp> = TComp extends keyof HTMLElementTagNameMap\n  ? Omit<LinkHTMLAttributes, keyof CreateLinkProps>\n  : Omit<PropsOfComponent<TComp>, keyof CreateLinkProps>\n\nexport type LinkComponentProps<\n  TComp = 'a',\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = '.',\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '.',\n> = LinkComponentVueProps<TComp> &\n  LinkProps<TComp, TRouter, TFrom, TTo, TMaskFrom, TMaskTo>\n\nexport type CreateLinkProps = LinkProps<\n  any,\n  any,\n  string,\n  string,\n  string,\n  string\n>\n\nexport type LinkComponent<\n  in out TComp,\n  in out TDefaultFrom extends string = string,\n> = <\n  TRouter extends AnyRouter = RegisteredRouter,\n  const TFrom extends string = TDefaultFrom,\n  const TTo extends string | undefined = undefined,\n  const TMaskFrom extends string = TFrom,\n  const TMaskTo extends string = '',\n>(\n  props: LinkComponentProps<TComp, TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n) => Vue.VNode\n\nexport interface LinkComponentRoute<\n  in out TDefaultFrom extends string = string,\n> {\n  defaultFrom: TDefaultFrom;\n  <\n    TRouter extends AnyRouter = RegisteredRouter,\n    const TTo extends string | undefined = undefined,\n    const TMaskTo extends string = '',\n  >(\n    props: LinkComponentProps<\n      'a',\n      TRouter,\n      this['defaultFrom'],\n      TTo,\n      this['defaultFrom'],\n      TMaskTo\n    >,\n  ): Vue.VNode\n}\n\nexport function createLink<const TComp>(\n  Comp: Constrain<TComp, any, (props: CreateLinkProps) => Vue.VNode>,\n): LinkComponent<TComp> {\n  return Vue.defineComponent({\n    name: 'CreatedLink',\n    inheritAttrs: false,\n    setup(_, { attrs, slots }) {\n      return () => Vue.h(LinkImpl as any, { ...attrs, _asChild: Comp }, slots)\n    },\n  }) as any\n}\n\nconst LinkImpl = Vue.defineComponent({\n  name: 'Link',\n  inheritAttrs: false,\n  props: [\n    '_asChild',\n    'to',\n    'preload',\n    'preloadDelay',\n    'preloadIntentProximity',\n    'activeProps',\n    'inactiveProps',\n    'activeOptions',\n    'from',\n    'search',\n    'params',\n    'hash',\n    'state',\n    'mask',\n    'reloadDocument',\n    'disabled',\n    'additionalProps',\n    'viewTransition',\n    'resetScroll',\n    'startTransition',\n    'hashScrollIntoView',\n    'replace',\n    'ignoreBlocker',\n    'target',\n  ],\n  setup(props, { attrs, slots }) {\n    // Call useLinkProps ONCE during setup with combined props and attrs\n    const allProps = { ...props, ...attrs }\n    const linkPropsSource = useLinkProps(allProps as any) as\n      | LinkHTMLAttributes\n      | Vue.ComputedRef<LinkHTMLAttributes>\n\n    return () => {\n      const Component = props._asChild || 'a'\n\n      const linkProps = Vue.unref(linkPropsSource)\n\n      const isActive = linkProps['data-status'] === 'active'\n      const isTransitioning =\n        linkProps['data-transitioning'] === 'transitioning'\n\n      // Create the slot content or empty array if no default slot\n      const slotContent = slots.default\n        ? slots.default({\n            isActive,\n            isTransitioning,\n          })\n        : []\n\n      // Special handling for SVG links - wrap an <a> inside the SVG\n      if (Component === 'svg') {\n        // Create props without class for svg link\n        const svgLinkProps = { ...linkProps }\n        delete svgLinkProps.class\n        return Vue.h('svg', {}, [Vue.h('a', svgLinkProps, slotContent)])\n      }\n\n      // For custom functional components (non-string), pass children as a prop\n      // since they may expect children as a prop like in Solid\n      if (typeof Component !== 'string') {\n        return Vue.h(\n          Component,\n          { ...linkProps, children: slotContent },\n          slotContent,\n        )\n      }\n\n      // Return the component with props and children\n      return Vue.h(Component, linkProps, slotContent)\n    }\n  },\n})\n\n/**\n * Link component with proper TypeScript generics support\n */\nexport const Link = LinkImpl as unknown as Vue.Component<unknown> &\n  Vue.Component<CreateLinkProps> &\n  LinkComponent<'a'>\n\nfunction isCtrlEvent(e: MouseEvent) {\n  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)\n}\n\nexport type LinkOptionsFnOptions<\n  TOptions,\n  TComp,\n  TRouter extends AnyRouter = RegisteredRouter,\n> =\n  TOptions extends ReadonlyArray<any>\n    ? ValidateLinkOptionsArray<TRouter, TOptions, string, TComp>\n    : ValidateLinkOptions<TRouter, TOptions, string, TComp>\n\nexport type LinkOptionsFn<TComp> = <\n  const TOptions,\n  TRouter extends AnyRouter = RegisteredRouter,\n>(\n  options: LinkOptionsFnOptions<TOptions, TComp, TRouter>,\n) => TOptions\n\nexport const linkOptions: LinkOptionsFn<'a'> = (options) => {\n  return options as any\n}\n"],"mappings":"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"}

package/dist/esm/routerStores.js

@@ -1,13 +1,13 @@
-import { batch, createStore } from "@tanstack/vue-store";
+import { batch, createAtom } from "@tanstack/vue-store";
 //#region src/routerStores.ts
 var getStoreFactory = (_opts) => {
 	return {
-		createMutableStore: createStore,
-		createReadonlyStore: createStore,
+		createMutableStore: createAtom,
+		createReadonlyStore: createAtom,
 		batch,
 		init: (stores) => {
-			stores.childMatchIdByRouteId = createStore(() => {
-				const ids = stores.matchesId.state;
+			stores.childMatchIdByRouteId = createAtom(() => {
+				const ids = stores.matchesId.get();
 				const obj = {};
 				for (let i = 0; i < ids.length - 1; i++) {
 					const parentStore = stores.activeMatchStoresById.get(ids[i]);
@@ -15,8 +15,8 @@ var getStoreFactory = (_opts) => {
 				}
 				return obj;
 			});
-			stores.pendingRouteIds = createStore(() => {
-				const ids = stores.pendingMatchesId.state;
+			stores.pendingRouteIds = createAtom(() => {
+				const ids = stores.pendingMatchesId.get();
 				const obj = {};
 				for (const id of ids) {
 					const store = stores.pendingMatchStoresById.get(id);

package/dist/esm/routerStores.js.map

@@ -1 +1 @@
-{"version":3,"file":"routerStores.js","names":[],"sources":["../../src/routerStores.ts"],"sourcesContent":["import { batch, createStore } from '@tanstack/vue-store'\nimport type {\n  AnyRoute,\n  GetStoreConfig,\n  RouterStores,\n} from '@tanstack/router-core'\nimport type { Readable } from '@tanstack/vue-store'\n\ndeclare module '@tanstack/router-core' {\n  export interface RouterReadableStore<TValue> extends Readable<TValue> {}\n  export interface RouterStores<in out TRouteTree extends AnyRoute> {\n    /** Maps each active routeId to the matchId of its child in the match tree. */\n    childMatchIdByRouteId: RouterReadableStore<Record<string, string>>\n    /** Maps each pending routeId to true for quick lookup. */\n    pendingRouteIds: RouterReadableStore<Record<string, boolean>>\n  }\n}\n\nexport const getStoreFactory: GetStoreConfig = (_opts) => {\n  return {\n    createMutableStore: createStore,\n    createReadonlyStore: createStore,\n    batch,\n    init: (stores: RouterStores<AnyRoute>) => {\n      // Single derived store: one reactive node that maps every active\n      // routeId to its child's matchId. Depends only on matchesId +\n      // the pool's routeId tags (which are set during reconciliation).\n      // Outlet reads the map and then does a direct pool lookup.\n      stores.childMatchIdByRouteId = createStore(() => {\n        const ids = stores.matchesId.state\n        const obj: Record<string, string> = {}\n        for (let i = 0; i < ids.length - 1; i++) {\n          const parentStore = stores.activeMatchStoresById.get(ids[i]!)\n          if (parentStore?.routeId) {\n            obj[parentStore.routeId] = ids[i + 1]!\n          }\n        }\n        return obj\n      })\n\n      stores.pendingRouteIds = createStore(() => {\n        const ids = stores.pendingMatchesId.state\n        const obj: Record<string, boolean> = {}\n        for (const id of ids) {\n          const store = stores.pendingMatchStoresById.get(id)\n          if (store?.routeId) {\n            obj[store.routeId] = true\n          }\n        }\n        return obj\n      })\n    },\n  }\n}\n"],"mappings":";;AAkBA,IAAa,mBAAmC,UAAU;AACxD,QAAO;EACL,oBAAoB;EACpB,qBAAqB;EACrB;EACA,OAAO,WAAmC;AAKxC,UAAO,wBAAwB,kBAAkB;IAC/C,MAAM,MAAM,OAAO,UAAU;IAC7B,MAAM,MAA8B,EAAE;AACtC,SAAK,IAAI,IAAI,GAAG,IAAI,IAAI,SAAS,GAAG,KAAK;KACvC,MAAM,cAAc,OAAO,sBAAsB,IAAI,IAAI,GAAI;AAC7D,SAAI,aAAa,QACf,KAAI,YAAY,WAAW,IAAI,IAAI;;AAGvC,WAAO;KACP;AAEF,UAAO,kBAAkB,kBAAkB;IACzC,MAAM,MAAM,OAAO,iBAAiB;IACpC,MAAM,MAA+B,EAAE;AACvC,SAAK,MAAM,MAAM,KAAK;KACpB,MAAM,QAAQ,OAAO,uBAAuB,IAAI,GAAG;AACnD,SAAI,OAAO,QACT,KAAI,MAAM,WAAW;;AAGzB,WAAO;KACP;;EAEL"}
+{"version":3,"file":"routerStores.js","names":[],"sources":["../../src/routerStores.ts"],"sourcesContent":["import { batch, createAtom } from '@tanstack/vue-store'\nimport type {\n  AnyRoute,\n  GetStoreConfig,\n  RouterStores,\n} from '@tanstack/router-core'\nimport type { Readable } from '@tanstack/vue-store'\n\ndeclare module '@tanstack/router-core' {\n  export interface RouterReadableStore<TValue> extends Readable<TValue> {}\n  export interface RouterStores<in out TRouteTree extends AnyRoute> {\n    /** Maps each active routeId to the matchId of its child in the match tree. */\n    childMatchIdByRouteId: RouterReadableStore<Record<string, string>>\n    /** Maps each pending routeId to true for quick lookup. */\n    pendingRouteIds: RouterReadableStore<Record<string, boolean>>\n  }\n}\n\nexport const getStoreFactory: GetStoreConfig = (_opts) => {\n  return {\n    createMutableStore: createAtom,\n    createReadonlyStore: createAtom,\n    batch,\n    init: (stores: RouterStores<AnyRoute>) => {\n      // Single derived store: one reactive node that maps every active\n      // routeId to its child's matchId. Depends only on matchesId +\n      // the pool's routeId tags (which are set during reconciliation).\n      // Outlet reads the map and then does a direct pool lookup.\n      stores.childMatchIdByRouteId = createAtom(() => {\n        const ids = stores.matchesId.get()\n        const obj: Record<string, string> = {}\n        for (let i = 0; i < ids.length - 1; i++) {\n          const parentStore = stores.activeMatchStoresById.get(ids[i]!)\n          if (parentStore?.routeId) {\n            obj[parentStore.routeId] = ids[i + 1]!\n          }\n        }\n        return obj\n      })\n\n      stores.pendingRouteIds = createAtom(() => {\n        const ids = stores.pendingMatchesId.get()\n        const obj: Record<string, boolean> = {}\n        for (const id of ids) {\n          const store = stores.pendingMatchStoresById.get(id)\n          if (store?.routeId) {\n            obj[store.routeId] = true\n          }\n        }\n        return obj\n      })\n    },\n  }\n}\n"],"mappings":";;AAkBA,IAAa,mBAAmC,UAAU;AACxD,QAAO;EACL,oBAAoB;EACpB,qBAAqB;EACrB;EACA,OAAO,WAAmC;AAKxC,UAAO,wBAAwB,iBAAiB;IAC9C,MAAM,MAAM,OAAO,UAAU,KAAK;IAClC,MAAM,MAA8B,EAAE;AACtC,SAAK,IAAI,IAAI,GAAG,IAAI,IAAI,SAAS,GAAG,KAAK;KACvC,MAAM,cAAc,OAAO,sBAAsB,IAAI,IAAI,GAAI;AAC7D,SAAI,aAAa,QACf,KAAI,YAAY,WAAW,IAAI,IAAI;;AAGvC,WAAO;KACP;AAEF,UAAO,kBAAkB,iBAAiB;IACxC,MAAM,MAAM,OAAO,iBAAiB,KAAK;IACzC,MAAM,MAA+B,EAAE;AACvC,SAAK,MAAM,MAAM,KAAK;KACpB,MAAM,QAAQ,OAAO,uBAAuB,IAAI,GAAG;AACnD,SAAI,OAAO,QACT,KAAI,MAAM,WAAW;;AAGzB,WAAO;KACP;;EAEL"}

package/dist/esm/ssr/RouterClient.js

@@ -12,7 +12,7 @@ var RouterClient = Vue.defineComponent({
 	} },
 	setup(props) {
 		const isHydrated = Vue.ref(false);
-		if (!hydrationPromise) if (!props.router.stores.matchesId.state.length) hydrationPromise = hydrate(props.router);
+		if (!hydrationPromise) if (!props.router.stores.matchesId.get().length) hydrationPromise = hydrate(props.router);
 		else hydrationPromise = Promise.resolve();
 		Vue.onMounted(() => {
 			hydrationPromise.then(() => {

package/dist/esm/ssr/RouterClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouterClient.js","names":["Vue","hydrate","HeadContent","RouterProvider","hydrationPromise","RouterClient","defineComponent","name","props","router","type","Object","required","setup","isHydrated","ref","stores","matchesId","state","length","Promise","resolve","onMounted","then","value","window","h","innerWrap","innerProps","children"],"sources":["../../../src/ssr/RouterClient.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { hydrate } from '@tanstack/router-core/ssr/client'\nimport { HeadContent } from '../HeadContent'\nimport { RouterProvider } from '../RouterProvider'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nlet hydrationPromise: Promise<void | Array<Array<void>>> | undefined\n\nexport const RouterClient = Vue.defineComponent({\n  name: 'RouterClient',\n  props: {\n    router: {\n      type: Object as () => AnyRouter,\n      required: true,\n    },\n  },\n  setup(props) {\n    const isHydrated = Vue.ref(false)\n\n    if (!hydrationPromise) {\n      if (!props.router.stores.matchesId.state.length) {\n        hydrationPromise = hydrate(props.router)\n      } else {\n        hydrationPromise = Promise.resolve()\n      }\n    }\n\n    Vue.onMounted(() => {\n      hydrationPromise!.then(() => {\n        isHydrated.value = true\n      })\n    })\n\n    // For SSR, we're already hydrated\n    if (typeof window === 'undefined') {\n      isHydrated.value = true\n    }\n\n    return () => {\n      if (!isHydrated.value) {\n        return null\n      }\n\n      return Vue.h(\n        RouterProvider,\n        {\n          router: props.router,\n        },\n        {\n          innerWrap: (innerProps: { children: any }) => [\n            Vue.h(HeadContent),\n            innerProps.children,\n          ],\n        },\n      )\n    }\n  },\n})\n"],"mappings":";;;;;AAMA,IAAII;AAEJ,IAAaC,eAAeL,IAAIM,gBAAgB;CAC9CC,MAAM;CACNC,OAAO,EACLC,QAAQ;EACNC,MAAMC;EACNC,UAAU;EACZ,EACD;CACDC,MAAML,OAAO;EACX,MAAMM,aAAad,IAAIe,IAAI,MAAM;AAEjC,MAAI,CAACX,iBACH,KAAI,CAACI,MAAMC,OAAOO,OAAOC,UAAUC,MAAMC,OACvCf,oBAAmBH,QAAQO,MAAMC,OAAO;MAExCL,oBAAmBgB,QAAQC,SAAS;AAIxCrB,MAAIsB,gBAAgB;AAClBlB,oBAAkBmB,WAAW;AAC3BT,eAAWU,QAAQ;KACnB;IACF;AAGF,MAAI,OAAOC,WAAW,YACpBX,YAAWU,QAAQ;AAGrB,eAAa;AACX,OAAI,CAACV,WAAWU,MACd,QAAO;AAGT,UAAOxB,IAAI0B,EACTvB,gBACA,EACEM,QAAQD,MAAMC,QACf,EACD,EACEkB,YAAYC,eAAkC,CAC5C5B,IAAI0B,EAAExB,YAAY,EAClB0B,WAAWC,SAAQ,EAGzB,CAAC;;;CAGN,CAAC"}
+{"version":3,"file":"RouterClient.js","names":["Vue","hydrate","HeadContent","RouterProvider","hydrationPromise","RouterClient","defineComponent","name","props","router","type","Object","required","setup","isHydrated","ref","stores","matchesId","get","length","Promise","resolve","onMounted","then","value","window","h","innerWrap","innerProps","children"],"sources":["../../../src/ssr/RouterClient.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { hydrate } from '@tanstack/router-core/ssr/client'\nimport { HeadContent } from '../HeadContent'\nimport { RouterProvider } from '../RouterProvider'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nlet hydrationPromise: Promise<void | Array<Array<void>>> | undefined\n\nexport const RouterClient = Vue.defineComponent({\n  name: 'RouterClient',\n  props: {\n    router: {\n      type: Object as () => AnyRouter,\n      required: true,\n    },\n  },\n  setup(props) {\n    const isHydrated = Vue.ref(false)\n\n    if (!hydrationPromise) {\n      if (!props.router.stores.matchesId.get().length) {\n        hydrationPromise = hydrate(props.router)\n      } else {\n        hydrationPromise = Promise.resolve()\n      }\n    }\n\n    Vue.onMounted(() => {\n      hydrationPromise!.then(() => {\n        isHydrated.value = true\n      })\n    })\n\n    // For SSR, we're already hydrated\n    if (typeof window === 'undefined') {\n      isHydrated.value = true\n    }\n\n    return () => {\n      if (!isHydrated.value) {\n        return null\n      }\n\n      return Vue.h(\n        RouterProvider,\n        {\n          router: props.router,\n        },\n        {\n          innerWrap: (innerProps: { children: any }) => [\n            Vue.h(HeadContent),\n            innerProps.children,\n          ],\n        },\n      )\n    }\n  },\n})\n"],"mappings":";;;;;AAMA,IAAII;AAEJ,IAAaC,eAAeL,IAAIM,gBAAgB;CAC9CC,MAAM;CACNC,OAAO,EACLC,QAAQ;EACNC,MAAMC;EACNC,UAAU;EACZ,EACD;CACDC,MAAML,OAAO;EACX,MAAMM,aAAad,IAAIe,IAAI,MAAM;AAEjC,MAAI,CAACX,iBACH,KAAI,CAACI,MAAMC,OAAOO,OAAOC,UAAUC,KAAK,CAACC,OACvCf,oBAAmBH,QAAQO,MAAMC,OAAO;MAExCL,oBAAmBgB,QAAQC,SAAS;AAIxCrB,MAAIsB,gBAAgB;AAClBlB,oBAAkBmB,WAAW;AAC3BT,eAAWU,QAAQ;KACnB;IACF;AAGF,MAAI,OAAOC,WAAW,YACpBX,YAAWU,QAAQ;AAGrB,eAAa;AACX,OAAI,CAACV,WAAWU,MACd,QAAO;AAGT,UAAOxB,IAAI0B,EACTvB,gBACA,EACEM,QAAQD,MAAMC,QACf,EACD,EACEkB,YAAYC,eAAkC,CAC5C5B,IAAI0B,EAAExB,YAAY,EAClB0B,WAAWC,SAAQ,EAGzB,CAAC;;;CAGN,CAAC"}