@tanstack/vue-router 1.167.0 → 1.167.2

package/dist/esm/Match.js.map

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

package/dist/esm/Matches.js

@@ -1,188 +1,145 @@
-import * as Vue from "vue";
-import warning from "tiny-warning";
-import { isServer } from "@tanstack/router-core/isServer";
 import { CatchBoundary } from "./CatchBoundary.js";
-import { useRouterState } from "./useRouterState.js";
 import { useRouter } from "./useRouter.js";
+import { useRouterState } from "./useRouterState.js";
 import { useTransitionerSetup } from "./Transitioner.js";
 import { matchContext } from "./matchContext.js";
 import { Match } from "./Match.js";
-const MatchesContent = Vue.defineComponent({
-  name: "MatchesContent",
-  setup() {
-    useTransitionerSetup();
-    return () => Vue.h(MatchesInner);
-  }
+import * as Vue from "vue";
+import warning from "tiny-warning";
+import { isServer } from "@tanstack/router-core/isServer";
+//#region src/Matches.tsx
+var MatchesContent = Vue.defineComponent({
+	name: "MatchesContent",
+	setup() {
+		useTransitionerSetup();
+		return () => Vue.h(MatchesInner);
+	}
 });
-const Matches = Vue.defineComponent({
-  name: "Matches",
-  setup() {
-    const router = useRouter();
-    return () => {
-      const pendingElement = router?.options?.defaultPendingComponent ? Vue.h(router.options.defaultPendingComponent) : null;
-      const inner = (isServer ?? router?.isServer ?? false) || typeof document !== "undefined" && router?.ssr ? Vue.h(MatchesContent) : Vue.h(Vue.Suspense, {
-        fallback: pendingElement
-      }, {
-        default: () => Vue.h(MatchesContent)
-      });
-      return router?.options?.InnerWrap ? Vue.h(router.options.InnerWrap, null, {
-        default: () => inner
-      }) : inner;
-    };
-  }
+var Matches = Vue.defineComponent({
+	name: "Matches",
+	setup() {
+		const router = useRouter();
+		return () => {
+			const pendingElement = router?.options?.defaultPendingComponent ? Vue.h(router.options.defaultPendingComponent) : null;
+			const inner = (isServer ?? router?.isServer ?? false) || typeof document !== "undefined" && router?.ssr ? Vue.h(MatchesContent) : Vue.h(Vue.Suspense, { fallback: pendingElement }, { default: () => Vue.h(MatchesContent) });
+			return router?.options?.InnerWrap ? Vue.h(router.options.InnerWrap, null, { default: () => inner }) : inner;
+		};
+	}
 });
-const errorComponentFn = (props) => {
-  return Vue.h("div", {
-    class: "error"
-  }, [Vue.h("h1", null, "Error"), Vue.h("p", null, props.error.message || String(props.error)), Vue.h("button", {
-    onClick: props.reset
-  }, "Try Again")]);
+var errorComponentFn = (props) => {
+	return Vue.h("div", { class: "error" }, [
+		Vue.h("h1", null, "Error"),
+		Vue.h("p", null, props.error.message || String(props.error)),
+		Vue.h("button", { onClick: props.reset }, "Try Again")
+	]);
 };
-const MatchesInner = Vue.defineComponent({
-  name: "MatchesInner",
-  setup() {
-    const router = useRouter();
-    const matchId = useRouterState({
-      select: (s) => {
-        return s.matches[0]?.id;
-      }
-    });
-    const resetKey = useRouterState({
-      select: (s) => s.loadedAt
-    });
-    const matchIdRef = Vue.computed(() => matchId.value);
-    Vue.provide(matchContext, matchIdRef);
-    return () => {
-      const childElement = matchId.value ? Vue.h(Match, {
-        matchId: matchId.value
-      }) : Vue.h("div");
-      if (router.options.disableGlobalCatchBoundary) {
-        return childElement;
-      }
-      return Vue.h(CatchBoundary, {
-        getResetKey: () => resetKey.value,
-        errorComponent: errorComponentFn,
-        onCatch: process.env.NODE_ENV !== "production" ? (error) => {
-          warning(false, `The following error wasn't caught by any route! At the very least, consider setting an 'errorComponent' in your RootRoute!`);
-          warning(false, error.message || error.toString());
-        } : void 0,
-        children: childElement
-      });
-    };
-  }
+var MatchesInner = Vue.defineComponent({
+	name: "MatchesInner",
+	setup() {
+		const router = useRouter();
+		const matchId = useRouterState({ select: (s) => {
+			return s.matches[0]?.id;
+		} });
+		const resetKey = useRouterState({ select: (s) => s.loadedAt });
+		const matchIdRef = Vue.computed(() => matchId.value);
+		Vue.provide(matchContext, matchIdRef);
+		return () => {
+			const childElement = matchId.value ? Vue.h(Match, { matchId: matchId.value }) : Vue.h("div");
+			if (router.options.disableGlobalCatchBoundary) return childElement;
+			return Vue.h(CatchBoundary, {
+				getResetKey: () => resetKey.value,
+				errorComponent: errorComponentFn,
+				onCatch: process.env.NODE_ENV !== "production" ? (error) => {
+					warning(false, `The following error wasn't caught by any route! At the very least, consider setting an 'errorComponent' in your RootRoute!`);
+					warning(false, error.message || error.toString());
+				} : void 0,
+				children: childElement
+			});
+		};
+	}
 });
 function useMatchRoute() {
-  const router = useRouter();
-  const routerState = useRouterState({
-    select: (s) => ({
-      locationHref: s.location.href,
-      resolvedLocationHref: s.resolvedLocation?.href,
-      status: s.status
-    })
-  });
-  return (opts) => {
-    const {
-      pending,
-      caseSensitive,
-      fuzzy,
-      includeSearch,
-      ...rest
-    } = opts;
-    const matchRoute = Vue.computed(() => {
-      routerState.value;
-      return router.matchRoute(rest, {
-        pending,
-        caseSensitive,
-        fuzzy,
-        includeSearch
-      });
-    });
-    return matchRoute;
-  };
+	const router = useRouter();
+	const routerState = useRouterState({ select: (s) => ({
+		locationHref: s.location.href,
+		resolvedLocationHref: s.resolvedLocation?.href,
+		status: s.status
+	}) });
+	return (opts) => {
+		const { pending, caseSensitive, fuzzy, includeSearch, ...rest } = opts;
+		return Vue.computed(() => {
+			routerState.value;
+			return router.matchRoute(rest, {
+				pending,
+				caseSensitive,
+				fuzzy,
+				includeSearch
+			});
+		});
+	};
 }
-const MatchRoute = Vue.defineComponent({
-  name: "MatchRoute",
-  props: {
-    // Define props to match MakeMatchRouteOptions
-    from: {
-      type: String,
-      required: false
-    },
-    to: {
-      type: String,
-      required: false
-    },
-    fuzzy: {
-      type: Boolean,
-      required: false
-    },
-    caseSensitive: {
-      type: Boolean,
-      required: false
-    },
-    includeSearch: {
-      type: Boolean,
-      required: false
-    },
-    pending: {
-      type: Boolean,
-      required: false
-    }
-  },
-  setup(props, {
-    slots
-  }) {
-    const status = useRouterState({
-      select: (s) => s.status
-    });
-    return () => {
-      if (!status.value) return null;
-      const matchRoute = useMatchRoute();
-      const params = matchRoute(props).value;
-      if (!params || !slots.default) {
-        return null;
-      }
-      if (typeof slots.default === "function") {
-        return Vue.h(Vue.Fragment, null, slots.default(params));
-      }
-      return Vue.h(Vue.Fragment, null, slots.default);
-    };
-  }
+var MatchRoute = Vue.defineComponent({
+	name: "MatchRoute",
+	props: {
+		from: {
+			type: String,
+			required: false
+		},
+		to: {
+			type: String,
+			required: false
+		},
+		fuzzy: {
+			type: Boolean,
+			required: false
+		},
+		caseSensitive: {
+			type: Boolean,
+			required: false
+		},
+		includeSearch: {
+			type: Boolean,
+			required: false
+		},
+		pending: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(props, { slots }) {
+		const status = useRouterState({ select: (s) => s.status });
+		return () => {
+			if (!status.value) return null;
+			const params = useMatchRoute()(props).value;
+			if (!params || !slots.default) return null;
+			if (typeof slots.default === "function") return Vue.h(Vue.Fragment, null, slots.default(params));
+			return Vue.h(Vue.Fragment, null, slots.default);
+		};
+	}
 });
 function useMatches(opts) {
-  return useRouterState({
-    select: (state) => {
-      const matches = state?.matches || [];
-      return opts?.select ? opts.select(matches) : matches;
-    }
-  });
+	return useRouterState({ select: (state) => {
+		const matches = state?.matches || [];
+		return opts?.select ? opts.select(matches) : matches;
+	} });
 }
 function useParentMatches(opts) {
-  const contextMatchId = Vue.inject(matchContext);
-  const safeMatchId = Vue.computed(() => contextMatchId?.value || "");
-  return useMatches({
-    select: (matches) => {
-      matches = matches.slice(0, matches.findIndex((d) => d.id === safeMatchId.value));
-      return opts?.select ? opts.select(matches) : matches;
-    }
-  });
+	const contextMatchId = Vue.inject(matchContext);
+	const safeMatchId = Vue.computed(() => contextMatchId?.value || "");
+	return useMatches({ select: (matches) => {
+		matches = matches.slice(0, matches.findIndex((d) => d.id === safeMatchId.value));
+		return opts?.select ? opts.select(matches) : matches;
+	} });
 }
 function useChildMatches(opts) {
-  const contextMatchId = Vue.inject(matchContext);
-  const safeMatchId = Vue.computed(() => contextMatchId?.value || "");
-  return useMatches({
-    select: (matches) => {
-      matches = matches.slice(matches.findIndex((d) => d.id === safeMatchId.value) + 1);
-      return opts?.select ? opts.select(matches) : matches;
-    }
-  });
+	const contextMatchId = Vue.inject(matchContext);
+	const safeMatchId = Vue.computed(() => contextMatchId?.value || "");
+	return useMatches({ select: (matches) => {
+		matches = matches.slice(matches.findIndex((d) => d.id === safeMatchId.value) + 1);
+		return opts?.select ? opts.select(matches) : matches;
+	} });
 }
-export {
-  MatchRoute,
-  Matches,
-  useChildMatches,
-  useMatchRoute,
-  useMatches,
-  useParentMatches
-};
-//# sourceMappingURL=Matches.js.map
+//#endregion
+export { MatchRoute, Matches, useChildMatches, useMatchRoute, useMatches, useParentMatches };
+
+//# sourceMappingURL=Matches.js.map

package/dist/esm/Matches.js.map

@@ -1 +1 @@
-{"version":3,"file":"Matches.js","sources":["../../src/Matches.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport warning from 'tiny-warning'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { CatchBoundary } from './CatchBoundary'\nimport { useRouterState } from './useRouterState'\nimport { useRouter } from './useRouter'\nimport { useTransitionerSetup } from './Transitioner'\nimport { matchContext } from './matchContext'\nimport { Match } from './Match'\nimport type {\n  AnyRouter,\n  DeepPartial,\n  ErrorComponentProps,\n  MakeOptionalPathParams,\n  MakeOptionalSearchParams,\n  MakeRouteMatchUnion,\n  MaskOptions,\n  MatchRouteOptions,\n  NoInfer,\n  RegisteredRouter,\n  ResolveRelativePath,\n  ResolveRoute,\n  RouteByPath,\n  RouterState,\n  ToSubOptionsProps,\n} from '@tanstack/router-core'\n\n// Define a type for the error component function\ntype ErrorRouteComponentType = (props: ErrorComponentProps) => Vue.VNode\n\ndeclare module '@tanstack/router-core' {\n  export interface RouteMatchExtensions {\n    meta?: Array<Vue.ComponentOptions['meta'] | undefined>\n    links?: Array<Vue.ComponentOptions['link'] | undefined>\n    scripts?: Array<Vue.ComponentOptions['script'] | undefined>\n    headScripts?: Array<Vue.ComponentOptions['script'] | undefined>\n  }\n}\n\n// Create a component that renders MatchesInner with Transitioner's setup logic inlined.\n// This is critical for proper hydration - we call useTransitionerSetup() as a composable\n// rather than rendering it as a component, which avoids Fragment/element mismatches.\nconst MatchesContent = Vue.defineComponent({\n  name: 'MatchesContent',\n  setup() {\n    // IMPORTANT: We need to ensure Transitioner's setup() runs.\n    // Transitioner sets up critical functionality:\n    // - router.startTransition\n    // - History subscription via router.history.subscribe(router.load)\n    // - Watchers for router events\n    //\n    // We inline Transitioner's setup logic here. Since Transitioner returns null,\n    // we can call its setup function directly without affecting the render tree.\n    // This is done by importing and calling useTransitionerSetup.\n    useTransitionerSetup()\n\n    return () => Vue.h(MatchesInner)\n  },\n})\n\nexport const Matches = Vue.defineComponent({\n  name: 'Matches',\n  setup() {\n    const router = useRouter()\n\n    return () => {\n      const pendingElement = router?.options?.defaultPendingComponent\n        ? Vue.h(router.options.defaultPendingComponent)\n        : null\n\n      // Do not render a root Suspense during SSR or hydrating from SSR\n      const inner =\n        (isServer ?? router?.isServer ?? false) ||\n        (typeof document !== 'undefined' && router?.ssr)\n          ? Vue.h(MatchesContent)\n          : Vue.h(\n              Vue.Suspense,\n              { fallback: pendingElement },\n              {\n                default: () => Vue.h(MatchesContent),\n              },\n            )\n\n      return router?.options?.InnerWrap\n        ? Vue.h(router.options.InnerWrap, null, { default: () => inner })\n        : inner\n    }\n  },\n})\n\n// Create a simple error component function that matches ErrorRouteComponent\nconst errorComponentFn: ErrorRouteComponentType = (\n  props: ErrorComponentProps,\n) => {\n  return Vue.h('div', { class: 'error' }, [\n    Vue.h('h1', null, 'Error'),\n    Vue.h('p', null, props.error.message || String(props.error)),\n    Vue.h('button', { onClick: props.reset }, 'Try Again'),\n  ])\n}\n\nconst MatchesInner = Vue.defineComponent({\n  name: 'MatchesInner',\n  setup() {\n    const router = useRouter()\n\n    const matchId = useRouterState({\n      select: (s) => {\n        return s.matches[0]?.id\n      },\n    })\n\n    const resetKey = useRouterState({\n      select: (s) => s.loadedAt,\n    })\n\n    // Create a ref for the match id to provide\n    const matchIdRef = Vue.computed(() => matchId.value)\n\n    // Provide the matchId for child components using the InjectionKey\n    Vue.provide(matchContext, matchIdRef)\n\n    return () => {\n      // Generate a placeholder element if matchId.value is not present\n      const childElement = matchId.value\n        ? Vue.h(Match, { matchId: matchId.value })\n        : Vue.h('div')\n\n      // If disableGlobalCatchBoundary is true, don't wrap in CatchBoundary\n      if (router.options.disableGlobalCatchBoundary) {\n        return childElement\n      }\n\n      return Vue.h(CatchBoundary, {\n        getResetKey: () => resetKey.value,\n        errorComponent: errorComponentFn,\n        onCatch:\n          process.env.NODE_ENV !== 'production'\n            ? (error: Error) => {\n                warning(\n                  false,\n                  `The following error wasn't caught by any route! At the very least, consider setting an 'errorComponent' in your RootRoute!`,\n                )\n                warning(false, error.message || error.toString())\n              }\n            : undefined,\n        children: childElement,\n      })\n    }\n  },\n})\n\nexport type UseMatchRouteOptions<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = undefined,\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '',\n> = ToSubOptionsProps<TRouter, TFrom, TTo> &\n  DeepPartial<MakeOptionalSearchParams<TRouter, TFrom, TTo>> &\n  DeepPartial<MakeOptionalPathParams<TRouter, TFrom, TTo>> &\n  MaskOptions<TRouter, TMaskFrom, TMaskTo> &\n  MatchRouteOptions\n\nexport function useMatchRoute<TRouter extends AnyRouter = RegisteredRouter>() {\n  const router = useRouter()\n\n  // Track state changes to trigger re-computation\n  // Use multiple state values like React does for complete reactivity\n  const routerState = useRouterState({\n    select: (s) => ({\n      locationHref: s.location.href,\n      resolvedLocationHref: s.resolvedLocation?.href,\n      status: s.status,\n    }),\n  })\n\n  return <\n    const TFrom extends string = string,\n    const TTo extends string | undefined = undefined,\n    const TMaskFrom extends string = TFrom,\n    const TMaskTo extends string = '',\n  >(\n    opts: UseMatchRouteOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n  ): Vue.Ref<\n    false | ResolveRoute<TRouter, TFrom, TTo>['types']['allParams']\n  > => {\n    const { pending, caseSensitive, fuzzy, includeSearch, ...rest } = opts\n\n    const matchRoute = Vue.computed(() => {\n      // Access routerState to establish dependency\n\n      routerState.value\n      return router.matchRoute(rest as any, {\n        pending,\n        caseSensitive,\n        fuzzy,\n        includeSearch,\n      })\n    })\n\n    return matchRoute\n  }\n}\n\nexport type MakeMatchRouteOptions<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = undefined,\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '',\n> = UseMatchRouteOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo> & {\n  // If a function is passed as a child, it will be given the `isActive` boolean to aid in further styling on the element it returns\n  children?:\n    | ((\n        params?: RouteByPath<\n          TRouter['routeTree'],\n          ResolveRelativePath<TFrom, NoInfer<TTo>>\n        >['types']['allParams'],\n      ) => Vue.VNode)\n    | Vue.VNode\n}\n\n// Create a type for the MatchRoute component that includes the generics\nexport interface MatchRouteComponentType {\n  <\n    TRouter extends AnyRouter = RegisteredRouter,\n    TFrom extends string = string,\n    TTo extends string | undefined = undefined,\n  >(\n    props: MakeMatchRouteOptions<TRouter, TFrom, TTo>,\n  ): Vue.VNode\n  new (): {\n    $props: {\n      from?: string\n      to?: string\n      fuzzy?: boolean\n      caseSensitive?: boolean\n      includeSearch?: boolean\n      pending?: boolean\n    }\n  }\n}\n\nexport const MatchRoute = Vue.defineComponent({\n  name: 'MatchRoute',\n  props: {\n    // Define props to match MakeMatchRouteOptions\n    from: {\n      type: String,\n      required: false,\n    },\n    to: {\n      type: String,\n      required: false,\n    },\n    fuzzy: {\n      type: Boolean,\n      required: false,\n    },\n    caseSensitive: {\n      type: Boolean,\n      required: false,\n    },\n    includeSearch: {\n      type: Boolean,\n      required: false,\n    },\n    pending: {\n      type: Boolean,\n      required: false,\n    },\n  },\n  setup(props, { slots }) {\n    const status = useRouterState({\n      select: (s) => s.status,\n    })\n\n    return () => {\n      if (!status.value) return null\n\n      const matchRoute = useMatchRoute()\n      const params = matchRoute(props as any).value as boolean\n\n      // Create a component that renders the slot in a reactive manner\n      if (!params || !slots.default) {\n        return null\n      }\n\n      // For function slots, pass the params\n      if (typeof slots.default === 'function') {\n        // Use h to create a wrapper component that will call the slot function\n        return Vue.h(Vue.Fragment, null, slots.default(params))\n      }\n\n      // For normal slots, just render them\n      return Vue.h(Vue.Fragment, null, slots.default)\n    }\n  },\n}) as unknown as MatchRouteComponentType\n\nexport interface UseMatchesBaseOptions<TRouter extends AnyRouter, TSelected> {\n  select?: (matches: Array<MakeRouteMatchUnion<TRouter>>) => TSelected\n}\n\nexport type UseMatchesResult<\n  TRouter extends AnyRouter,\n  TSelected,\n> = unknown extends TSelected ? Array<MakeRouteMatchUnion<TRouter>> : TSelected\n\nexport function useMatches<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseMatchesBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseMatchesResult<TRouter, TSelected>> {\n  return useRouterState({\n    select: (state: RouterState<TRouter['routeTree']>) => {\n      const matches = state?.matches || []\n      return opts?.select\n        ? opts.select(matches as Array<MakeRouteMatchUnion<TRouter>>)\n        : matches\n    },\n  } as any) as Vue.Ref<UseMatchesResult<TRouter, TSelected>>\n}\n\nexport function useParentMatches<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseMatchesBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseMatchesResult<TRouter, TSelected>> {\n  // Use matchContext with proper type\n  const contextMatchId = Vue.inject<Vue.Ref<string | undefined>>(matchContext)\n  const safeMatchId = Vue.computed(() => contextMatchId?.value || '')\n\n  return useMatches({\n    select: (matches: Array<MakeRouteMatchUnion<TRouter>>) => {\n      matches = matches.slice(\n        0,\n        matches.findIndex((d) => d.id === safeMatchId.value),\n      )\n      return opts?.select ? opts.select(matches) : matches\n    },\n  } as any)\n}\n\nexport function useChildMatches<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseMatchesBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseMatchesResult<TRouter, TSelected>> {\n  // Use matchContext with proper type\n  const contextMatchId = Vue.inject<Vue.Ref<string | undefined>>(matchContext)\n  const safeMatchId = Vue.computed(() => contextMatchId?.value || '')\n\n  return useMatches({\n    select: (matches: Array<MakeRouteMatchUnion<TRouter>>) => {\n      matches = matches.slice(\n        matches.findIndex((d) => d.id === safeMatchId.value) + 1,\n      )\n      return opts?.select ? opts.select(matches) : matches\n    },\n  } as any)\n}\n"],"names":["MatchesContent","Vue","defineComponent","name","setup","useTransitionerSetup","h","MatchesInner","Matches","router","useRouter","pendingElement","options","defaultPendingComponent","inner","isServer","document","ssr","Suspense","fallback","default","InnerWrap","errorComponentFn","props","class","error","message","String","onClick","reset","matchId","useRouterState","select","s","matches","id","resetKey","loadedAt","matchIdRef","computed","value","provide","matchContext","childElement","Match","disableGlobalCatchBoundary","CatchBoundary","getResetKey","errorComponent","onCatch","process","env","NODE_ENV","warning","toString","undefined","children","useMatchRoute","routerState","locationHref","location","href","resolvedLocationHref","resolvedLocation","status","opts","pending","caseSensitive","fuzzy","includeSearch","rest","matchRoute","MatchRoute","from","type","required","to","Boolean","slots","params","Fragment","useMatches","state","useParentMatches","contextMatchId","inject","safeMatchId","slice","findIndex","d","useChildMatches"],"mappings":";;;;;;;;;AA0CA,MAAMA,iBAAiBC,IAAIC,gBAAgB;AAAA,EACzCC,MAAM;AAAA,EACNC,QAAQ;AAUNC,yBAAoB;AAEpB,WAAO,MAAMJ,IAAIK,EAAEC,YAAY;AAAA,EACjC;AACF,CAAC;MAEYC,UAAUP,IAAIC,gBAAgB;AAAA,EACzCC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMK,SAASC,UAAS;AAExB,WAAO,MAAM;AACX,YAAMC,iBAAiBF,QAAQG,SAASC,0BACpCZ,IAAIK,EAAEG,OAAOG,QAAQC,uBAAuB,IAC5C;AAGJ,YAAMC,SACHC,YAAYN,QAAQM,YAAY,UAChC,OAAOC,aAAa,eAAeP,QAAQQ,MACxChB,IAAIK,EAAEN,cAAc,IACpBC,IAAIK,EACFL,IAAIiB,UACJ;AAAA,QAAEC,UAAUR;AAAAA,MAAe,GAC3B;AAAA,QACES,SAASA,MAAMnB,IAAIK,EAAEN,cAAc;AAAA,MACrC,CACF;AAEN,aAAOS,QAAQG,SAASS,YACpBpB,IAAIK,EAAEG,OAAOG,QAAQS,WAAW,MAAM;AAAA,QAAED,SAASA,MAAMN;AAAAA,OAAO,IAC9DA;AAAAA,IACN;AAAA,EACF;AACF,CAAC;AAGD,MAAMQ,mBACJC,WACG;AACH,SAAOtB,IAAIK,EAAE,OAAO;AAAA,IAAEkB,OAAO;AAAA,EAAQ,GAAG,CACtCvB,IAAIK,EAAE,MAAM,MAAM,OAAO,GACzBL,IAAIK,EAAE,KAAK,MAAMiB,MAAME,MAAMC,WAAWC,OAAOJ,MAAME,KAAK,CAAC,GAC3DxB,IAAIK,EAAE,UAAU;AAAA,IAAEsB,SAASL,MAAMM;AAAAA,EAAM,GAAG,WAAW,CAAC,CACvD;AACH;AAEA,MAAMtB,eAAeN,IAAIC,gBAAgB;AAAA,EACvCC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMK,SAASC,UAAS;AAExB,UAAMoB,UAAUC,eAAe;AAAA,MAC7BC,QAASC,OAAM;AACb,eAAOA,EAAEC,QAAQ,CAAC,GAAGC;AAAAA,MACvB;AAAA,IACF,CAAC;AAED,UAAMC,WAAWL,eAAe;AAAA,MAC9BC,QAASC,OAAMA,EAAEI;AAAAA,IACnB,CAAC;AAGD,UAAMC,aAAarC,IAAIsC,SAAS,MAAMT,QAAQU,KAAK;AAGnDvC,QAAIwC,QAAQC,cAAcJ,UAAU;AAEpC,WAAO,MAAM;AAEX,YAAMK,eAAeb,QAAQU,QACzBvC,IAAIK,EAAEsC,OAAO;AAAA,QAAEd,SAASA,QAAQU;AAAAA,MAAM,CAAC,IACvCvC,IAAIK,EAAE,KAAK;AAGf,UAAIG,OAAOG,QAAQiC,4BAA4B;AAC7C,eAAOF;AAAAA,MACT;AAEA,aAAO1C,IAAIK,EAAEwC,eAAe;AAAA,QAC1BC,aAAaA,MAAMX,SAASI;AAAAA,QAC5BQ,gBAAgB1B;AAAAA,QAChB2B,SACEC,QAAQC,IAAIC,aAAa,eACpB3B,WAAiB;AAChB4B,kBACE,OACA,4HACF;AACAA,kBAAQ,OAAO5B,MAAMC,WAAWD,MAAM6B,SAAQ,CAAE;AAAA,QAClD,IACAC;AAAAA,QACNC,UAAUb;AAAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AACF,CAAC;AAcM,SAASc,gBAA8D;AAC5E,QAAMhD,SAASC,UAAS;AAIxB,QAAMgD,cAAc3B,eAAe;AAAA,IACjCC,QAASC,QAAO;AAAA,MACd0B,cAAc1B,EAAE2B,SAASC;AAAAA,MACzBC,sBAAsB7B,EAAE8B,kBAAkBF;AAAAA,MAC1CG,QAAQ/B,EAAE+B;AAAAA;EAEd,CAAC;AAED,SAMEC,UAGG;AACH,UAAM;AAAA,MAAEC;AAAAA,MAASC;AAAAA,MAAeC;AAAAA,MAAOC;AAAAA,MAAe,GAAGC;AAAAA,IAAK,IAAIL;AAElE,UAAMM,aAAatE,IAAIsC,SAAS,MAAM;AAGpCmB,kBAAYlB;AACZ,aAAO/B,OAAO8D,WAAWD,MAAa;AAAA,QACpCJ;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,MACF,CAAC;AAAA,IACH,CAAC;AAED,WAAOE;AAAAA,EACT;AACF;MAyCaC,aAAavE,IAAIC,gBAAgB;AAAA,EAC5CC,MAAM;AAAA,EACNoB,OAAO;AAAA;AAAA,IAELkD,MAAM;AAAA,MACJC,MAAM/C;AAAAA,MACNgD,UAAU;AAAA;IAEZC,IAAI;AAAA,MACFF,MAAM/C;AAAAA,MACNgD,UAAU;AAAA;IAEZP,OAAO;AAAA,MACLM,MAAMG;AAAAA,MACNF,UAAU;AAAA;IAEZR,eAAe;AAAA,MACbO,MAAMG;AAAAA,MACNF,UAAU;AAAA;IAEZN,eAAe;AAAA,MACbK,MAAMG;AAAAA,MACNF,UAAU;AAAA;IAEZT,SAAS;AAAA,MACPQ,MAAMG;AAAAA,MACNF,UAAU;AAAA,IACZ;AAAA;EAEFvE,MAAMmB,OAAO;AAAA,IAAEuD;AAAAA,EAAM,GAAG;AACtB,UAAMd,SAASjC,eAAe;AAAA,MAC5BC,QAASC,OAAMA,EAAE+B;AAAAA,IACnB,CAAC;AAED,WAAO,MAAM;AACX,UAAI,CAACA,OAAOxB,MAAO,QAAO;AAE1B,YAAM+B,aAAad,cAAa;AAChC,YAAMsB,SAASR,WAAWhD,KAAY,EAAEiB;AAGxC,UAAI,CAACuC,UAAU,CAACD,MAAM1D,SAAS;AAC7B,eAAO;AAAA,MACT;AAGA,UAAI,OAAO0D,MAAM1D,YAAY,YAAY;AAEvC,eAAOnB,IAAIK,EAAEL,IAAI+E,UAAU,MAAMF,MAAM1D,QAAQ2D,MAAM,CAAC;AAAA,MACxD;AAGA,aAAO9E,IAAIK,EAAEL,IAAI+E,UAAU,MAAMF,MAAM1D,OAAO;AAAA,IAChD;AAAA,EACF;AACF,CAAC;AAWM,SAAS6D,WAIdhB,MAC+C;AAC/C,SAAOlC,eAAe;AAAA,IACpBC,QAASkD,WAA6C;AACpD,YAAMhD,UAAUgD,OAAOhD,WAAW,CAAA;AAClC,aAAO+B,MAAMjC,SACTiC,KAAKjC,OAAOE,OAA8C,IAC1DA;AAAAA,IACN;AAAA,EACF,CAAQ;AACV;AAEO,SAASiD,iBAIdlB,MAC+C;AAE/C,QAAMmB,iBAAiBnF,IAAIoF,OAAoC3C,YAAY;AAC3E,QAAM4C,cAAcrF,IAAIsC,SAAS,MAAM6C,gBAAgB5C,SAAS,EAAE;AAElE,SAAOyC,WAAW;AAAA,IAChBjD,QAASE,aAAiD;AACxDA,gBAAUA,QAAQqD,MAChB,GACArD,QAAQsD,UAAWC,OAAMA,EAAEtD,OAAOmD,YAAY9C,KAAK,CACrD;AACA,aAAOyB,MAAMjC,SAASiC,KAAKjC,OAAOE,OAAO,IAAIA;AAAAA,IAC/C;AAAA,EACF,CAAQ;AACV;AAEO,SAASwD,gBAIdzB,MAC+C;AAE/C,QAAMmB,iBAAiBnF,IAAIoF,OAAoC3C,YAAY;AAC3E,QAAM4C,cAAcrF,IAAIsC,SAAS,MAAM6C,gBAAgB5C,SAAS,EAAE;AAElE,SAAOyC,WAAW;AAAA,IAChBjD,QAASE,aAAiD;AACxDA,gBAAUA,QAAQqD,MAChBrD,QAAQsD,UAAWC,OAAMA,EAAEtD,OAAOmD,YAAY9C,KAAK,IAAI,CACzD;AACA,aAAOyB,MAAMjC,SAASiC,KAAKjC,OAAOE,OAAO,IAAIA;AAAAA,IAC/C;AAAA,EACF,CAAQ;AACV;"}
+{"version":3,"file":"Matches.js","names":["Vue","warning","isServer","CatchBoundary","useRouterState","useRouter","useTransitionerSetup","matchContext","Match","MatchesContent","defineComponent","name","setup","h","MatchesInner","Matches","router","pendingElement","options","defaultPendingComponent","inner","document","ssr","Suspense","fallback","default","InnerWrap","errorComponentFn","props","class","error","message","String","onClick","reset","matchId","select","s","matches","id","resetKey","loadedAt","matchIdRef","computed","value","provide","childElement","disableGlobalCatchBoundary","getResetKey","errorComponent","onCatch","process","env","NODE_ENV","toString","undefined","children","useMatchRoute","routerState","locationHref","location","href","resolvedLocationHref","resolvedLocation","status","opts","pending","caseSensitive","fuzzy","includeSearch","rest","matchRoute","MatchRoute","from","type","required","to","Boolean","slots","params","Fragment","useMatches","state","useParentMatches","contextMatchId","inject","safeMatchId","slice","findIndex","d","useChildMatches"],"sources":["../../src/Matches.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport warning from 'tiny-warning'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { CatchBoundary } from './CatchBoundary'\nimport { useRouterState } from './useRouterState'\nimport { useRouter } from './useRouter'\nimport { useTransitionerSetup } from './Transitioner'\nimport { matchContext } from './matchContext'\nimport { Match } from './Match'\nimport type {\n  AnyRouter,\n  DeepPartial,\n  ErrorComponentProps,\n  MakeOptionalPathParams,\n  MakeOptionalSearchParams,\n  MakeRouteMatchUnion,\n  MaskOptions,\n  MatchRouteOptions,\n  NoInfer,\n  RegisteredRouter,\n  ResolveRelativePath,\n  ResolveRoute,\n  RouteByPath,\n  RouterState,\n  ToSubOptionsProps,\n} from '@tanstack/router-core'\n\n// Define a type for the error component function\ntype ErrorRouteComponentType = (props: ErrorComponentProps) => Vue.VNode\n\ndeclare module '@tanstack/router-core' {\n  export interface RouteMatchExtensions {\n    meta?: Array<Vue.ComponentOptions['meta'] | undefined>\n    links?: Array<Vue.ComponentOptions['link'] | undefined>\n    scripts?: Array<Vue.ComponentOptions['script'] | undefined>\n    headScripts?: Array<Vue.ComponentOptions['script'] | undefined>\n  }\n}\n\n// Create a component that renders MatchesInner with Transitioner's setup logic inlined.\n// This is critical for proper hydration - we call useTransitionerSetup() as a composable\n// rather than rendering it as a component, which avoids Fragment/element mismatches.\nconst MatchesContent = Vue.defineComponent({\n  name: 'MatchesContent',\n  setup() {\n    // IMPORTANT: We need to ensure Transitioner's setup() runs.\n    // Transitioner sets up critical functionality:\n    // - router.startTransition\n    // - History subscription via router.history.subscribe(router.load)\n    // - Watchers for router events\n    //\n    // We inline Transitioner's setup logic here. Since Transitioner returns null,\n    // we can call its setup function directly without affecting the render tree.\n    // This is done by importing and calling useTransitionerSetup.\n    useTransitionerSetup()\n\n    return () => Vue.h(MatchesInner)\n  },\n})\n\nexport const Matches = Vue.defineComponent({\n  name: 'Matches',\n  setup() {\n    const router = useRouter()\n\n    return () => {\n      const pendingElement = router?.options?.defaultPendingComponent\n        ? Vue.h(router.options.defaultPendingComponent)\n        : null\n\n      // Do not render a root Suspense during SSR or hydrating from SSR\n      const inner =\n        (isServer ?? router?.isServer ?? false) ||\n        (typeof document !== 'undefined' && router?.ssr)\n          ? Vue.h(MatchesContent)\n          : Vue.h(\n              Vue.Suspense,\n              { fallback: pendingElement },\n              {\n                default: () => Vue.h(MatchesContent),\n              },\n            )\n\n      return router?.options?.InnerWrap\n        ? Vue.h(router.options.InnerWrap, null, { default: () => inner })\n        : inner\n    }\n  },\n})\n\n// Create a simple error component function that matches ErrorRouteComponent\nconst errorComponentFn: ErrorRouteComponentType = (\n  props: ErrorComponentProps,\n) => {\n  return Vue.h('div', { class: 'error' }, [\n    Vue.h('h1', null, 'Error'),\n    Vue.h('p', null, props.error.message || String(props.error)),\n    Vue.h('button', { onClick: props.reset }, 'Try Again'),\n  ])\n}\n\nconst MatchesInner = Vue.defineComponent({\n  name: 'MatchesInner',\n  setup() {\n    const router = useRouter()\n\n    const matchId = useRouterState({\n      select: (s) => {\n        return s.matches[0]?.id\n      },\n    })\n\n    const resetKey = useRouterState({\n      select: (s) => s.loadedAt,\n    })\n\n    // Create a ref for the match id to provide\n    const matchIdRef = Vue.computed(() => matchId.value)\n\n    // Provide the matchId for child components using the InjectionKey\n    Vue.provide(matchContext, matchIdRef)\n\n    return () => {\n      // Generate a placeholder element if matchId.value is not present\n      const childElement = matchId.value\n        ? Vue.h(Match, { matchId: matchId.value })\n        : Vue.h('div')\n\n      // If disableGlobalCatchBoundary is true, don't wrap in CatchBoundary\n      if (router.options.disableGlobalCatchBoundary) {\n        return childElement\n      }\n\n      return Vue.h(CatchBoundary, {\n        getResetKey: () => resetKey.value,\n        errorComponent: errorComponentFn,\n        onCatch:\n          process.env.NODE_ENV !== 'production'\n            ? (error: Error) => {\n                warning(\n                  false,\n                  `The following error wasn't caught by any route! At the very least, consider setting an 'errorComponent' in your RootRoute!`,\n                )\n                warning(false, error.message || error.toString())\n              }\n            : undefined,\n        children: childElement,\n      })\n    }\n  },\n})\n\nexport type UseMatchRouteOptions<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = undefined,\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '',\n> = ToSubOptionsProps<TRouter, TFrom, TTo> &\n  DeepPartial<MakeOptionalSearchParams<TRouter, TFrom, TTo>> &\n  DeepPartial<MakeOptionalPathParams<TRouter, TFrom, TTo>> &\n  MaskOptions<TRouter, TMaskFrom, TMaskTo> &\n  MatchRouteOptions\n\nexport function useMatchRoute<TRouter extends AnyRouter = RegisteredRouter>() {\n  const router = useRouter()\n\n  // Track state changes to trigger re-computation\n  // Use multiple state values like React does for complete reactivity\n  const routerState = useRouterState({\n    select: (s) => ({\n      locationHref: s.location.href,\n      resolvedLocationHref: s.resolvedLocation?.href,\n      status: s.status,\n    }),\n  })\n\n  return <\n    const TFrom extends string = string,\n    const TTo extends string | undefined = undefined,\n    const TMaskFrom extends string = TFrom,\n    const TMaskTo extends string = '',\n  >(\n    opts: UseMatchRouteOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo>,\n  ): Vue.Ref<\n    false | ResolveRoute<TRouter, TFrom, TTo>['types']['allParams']\n  > => {\n    const { pending, caseSensitive, fuzzy, includeSearch, ...rest } = opts\n\n    const matchRoute = Vue.computed(() => {\n      // Access routerState to establish dependency\n\n      routerState.value\n      return router.matchRoute(rest as any, {\n        pending,\n        caseSensitive,\n        fuzzy,\n        includeSearch,\n      })\n    })\n\n    return matchRoute\n  }\n}\n\nexport type MakeMatchRouteOptions<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TFrom extends string = string,\n  TTo extends string | undefined = undefined,\n  TMaskFrom extends string = TFrom,\n  TMaskTo extends string = '',\n> = UseMatchRouteOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo> & {\n  // If a function is passed as a child, it will be given the `isActive` boolean to aid in further styling on the element it returns\n  children?:\n    | ((\n        params?: RouteByPath<\n          TRouter['routeTree'],\n          ResolveRelativePath<TFrom, NoInfer<TTo>>\n        >['types']['allParams'],\n      ) => Vue.VNode)\n    | Vue.VNode\n}\n\n// Create a type for the MatchRoute component that includes the generics\nexport interface MatchRouteComponentType {\n  <\n    TRouter extends AnyRouter = RegisteredRouter,\n    TFrom extends string = string,\n    TTo extends string | undefined = undefined,\n  >(\n    props: MakeMatchRouteOptions<TRouter, TFrom, TTo>,\n  ): Vue.VNode\n  new (): {\n    $props: {\n      from?: string\n      to?: string\n      fuzzy?: boolean\n      caseSensitive?: boolean\n      includeSearch?: boolean\n      pending?: boolean\n    }\n  }\n}\n\nexport const MatchRoute = Vue.defineComponent({\n  name: 'MatchRoute',\n  props: {\n    // Define props to match MakeMatchRouteOptions\n    from: {\n      type: String,\n      required: false,\n    },\n    to: {\n      type: String,\n      required: false,\n    },\n    fuzzy: {\n      type: Boolean,\n      required: false,\n    },\n    caseSensitive: {\n      type: Boolean,\n      required: false,\n    },\n    includeSearch: {\n      type: Boolean,\n      required: false,\n    },\n    pending: {\n      type: Boolean,\n      required: false,\n    },\n  },\n  setup(props, { slots }) {\n    const status = useRouterState({\n      select: (s) => s.status,\n    })\n\n    return () => {\n      if (!status.value) return null\n\n      const matchRoute = useMatchRoute()\n      const params = matchRoute(props as any).value as boolean\n\n      // Create a component that renders the slot in a reactive manner\n      if (!params || !slots.default) {\n        return null\n      }\n\n      // For function slots, pass the params\n      if (typeof slots.default === 'function') {\n        // Use h to create a wrapper component that will call the slot function\n        return Vue.h(Vue.Fragment, null, slots.default(params))\n      }\n\n      // For normal slots, just render them\n      return Vue.h(Vue.Fragment, null, slots.default)\n    }\n  },\n}) as unknown as MatchRouteComponentType\n\nexport interface UseMatchesBaseOptions<TRouter extends AnyRouter, TSelected> {\n  select?: (matches: Array<MakeRouteMatchUnion<TRouter>>) => TSelected\n}\n\nexport type UseMatchesResult<\n  TRouter extends AnyRouter,\n  TSelected,\n> = unknown extends TSelected ? Array<MakeRouteMatchUnion<TRouter>> : TSelected\n\nexport function useMatches<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseMatchesBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseMatchesResult<TRouter, TSelected>> {\n  return useRouterState({\n    select: (state: RouterState<TRouter['routeTree']>) => {\n      const matches = state?.matches || []\n      return opts?.select\n        ? opts.select(matches as Array<MakeRouteMatchUnion<TRouter>>)\n        : matches\n    },\n  } as any) as Vue.Ref<UseMatchesResult<TRouter, TSelected>>\n}\n\nexport function useParentMatches<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseMatchesBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseMatchesResult<TRouter, TSelected>> {\n  // Use matchContext with proper type\n  const contextMatchId = Vue.inject<Vue.Ref<string | undefined>>(matchContext)\n  const safeMatchId = Vue.computed(() => contextMatchId?.value || '')\n\n  return useMatches({\n    select: (matches: Array<MakeRouteMatchUnion<TRouter>>) => {\n      matches = matches.slice(\n        0,\n        matches.findIndex((d) => d.id === safeMatchId.value),\n      )\n      return opts?.select ? opts.select(matches) : matches\n    },\n  } as any)\n}\n\nexport function useChildMatches<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseMatchesBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseMatchesResult<TRouter, TSelected>> {\n  // Use matchContext with proper type\n  const contextMatchId = Vue.inject<Vue.Ref<string | undefined>>(matchContext)\n  const safeMatchId = Vue.computed(() => contextMatchId?.value || '')\n\n  return useMatches({\n    select: (matches: Array<MakeRouteMatchUnion<TRouter>>) => {\n      matches = matches.slice(\n        matches.findIndex((d) => d.id === safeMatchId.value) + 1,\n      )\n      return opts?.select ? opts.select(matches) : matches\n    },\n  } as any)\n}\n"],"mappings":"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"}