@tanstack/vue-router 1.140.1 → 1.141.0

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 { CatchBoundary, ErrorComponent } from './CatchBoundary'\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 } 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    const routeId = useRouterState({\n      select: (s) => {\n        return s.matches.find((d) => d.id === props.matchId)?.routeId as string\n      },\n    })\n\n    invariant(\n      routeId.value,\n      `Could not find routeId for matchId \"${props.matchId}\". Please file an issue!`,\n    )\n\n    const route = Vue.computed(() => router.routesById[routeId.value])\n\n    const PendingComponent = Vue.computed(\n      () =>\n        route.value?.options?.pendingComponent ??\n        router?.options?.defaultPendingComponent,\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 resetKey = useRouterState({\n      select: (s) => s.loadedAt,\n    })\n\n    const parentRouteId = useRouterState({\n      select: (s) => {\n        const index = s.matches.findIndex((d) => d.id === props.matchId)\n        return s.matches[index - 1]?.routeId as string\n      },\n    })\n\n    // Create a ref for the current matchId that we can provide to child components\n    const matchIdRef = Vue.ref(props.matchId)\n\n    // When props.matchId changes, update the ref\n    Vue.watch(\n      () => props.matchId,\n      (newMatchId) => {\n        matchIdRef.value = newMatchId\n      },\n      { immediate: true },\n    )\n\n    // Provide the matchId to child components\n    Vue.provide(matchContext, matchIdRef)\n\n    return (): VNode => {\n      // Determine which components to render\n      let content: VNode = Vue.h(MatchInner, { matchId: props.matchId })\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 !== routeId.value) ||\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: () => resetKey.value,\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: ${props.matchId}`)\n            routeOnCatch.value?.(error)\n          },\n          children: content,\n        })\n      }\n\n      // Wrap in suspense if needed\n      // Root routes should also wrap in Suspense if they have a pendingComponent\n      const needsSuspense =\n        route.value &&\n        (route.value?.options?.wrapInSuspense ??\n          PendingComponent.value ??\n          false)\n\n      if (needsSuspense) {\n        content = Vue.h(\n          Vue.Suspense,\n          {\n            fallback: PendingComponent.value\n              ? Vue.h(PendingComponent.value)\n              : null,\n          },\n          {\n            default: () => content,\n          },\n        )\n      }\n\n      // Add scroll restoration if needed\n      const withScrollRestoration: Array<VNode> = [\n        content,\n        parentRouteId.value === rootRouteId && 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 Vue.h(Vue.Fragment, null, withScrollRestoration)\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    // { match, key, routeId } =\n    const matchState = useRouterState({\n      select: (s) => {\n        const match = s.matches.find((d) => d.id === props.matchId)\n\n        // During navigation transitions, matches can be temporarily removed\n        if (!match) {\n          return null\n        }\n\n        const routeId = match.routeId as string\n\n        const remountFn =\n          (router.routesById[routeId] as AnyRoute).options.remountDeps ??\n          router.options.defaultRemountDeps\n        const remountDeps = remountFn?.({\n          routeId,\n          loaderDeps: match.loaderDeps,\n          params: match._strictParams,\n          search: match._strictSearch,\n        })\n        const key = remountDeps ? JSON.stringify(remountDeps) : undefined\n\n        return {\n          key,\n          routeId,\n          match: {\n            id: match.id,\n            status: match.status,\n            error: match.error,\n          },\n        }\n      },\n    })\n\n    const route = Vue.computed(() => {\n      if (!matchState.value) return null\n      return router.routesById[matchState.value.routeId]!\n    })\n\n    const match = Vue.computed(() => matchState.value?.match)\n\n    const out = Vue.computed((): VNode | null => {\n      if (!route.value) return null\n      const Comp =\n        route.value.options.component ?? router.options.defaultComponent\n      if (Comp) {\n        return Vue.h(Comp)\n      }\n      return Vue.h(Outlet)\n    })\n\n    return (): VNode | null => {\n      // If match doesn't exist, return null (component is being unmounted or not ready)\n      if (!matchState.value || !match.value || !route.value) {\n        return null\n      }\n\n      // Handle different match statuses\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 (!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\n      return out.value\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 childMatchId = useRouterState({\n      select: (s) => {\n        const matches = s.matches\n        const index = matches.findIndex((d) => d.id === safeMatchId.value)\n        return matches[index + 1]?.id\n      },\n    })\n\n    return (): VNode | null => {\n      if (parentGlobalNotFound.value) {\n        return renderRouteNotFound(router, route.value, undefined)\n      }\n\n      if (!childMatchId.value) {\n        return null\n      }\n\n      const nextMatch = Vue.h(Match, { matchId: childMatchId.value })\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","routeId","useRouterState","select","s","matches","find","d","id","invariant","value","route","computed","routesById","PendingComponent","options","pendingComponent","defaultPendingComponent","routeErrorComponent","errorComponent","defaultErrorComponent","routeOnCatch","onCatch","defaultOnCatch","routeNotFoundComponent","isRoot","notFoundComponent","notFoundRoute","component","resetKey","loadedAt","parentRouteId","index","findIndex","matchIdRef","ref","watch","newMatchId","immediate","provide","matchContext","content","h","MatchInner","CatchNotFound","fallback","error","children","CatchBoundary","getResetKey","ErrorComponent","isNotFound","warning","needsSuspense","wrapInSuspense","Suspense","default","withScrollRestoration","rootRouteId","scrollRestoration","Fragment","OnRendered","ScrollRestoration","filter","Boolean","location","resolvedLocation","state","key","watchEffect","emit","getLocationChangeInfo","matchState","match","remountFn","remountDeps","defaultRemountDeps","loaderDeps","params","_strictParams","search","_strictSearch","JSON","stringify","undefined","status","out","Comp","defaultComponent","Outlet","renderRouteNotFound","isRedirect","getMatch","_nonReactive","loadPromise","RouteErrorComponent","reset","invalidate","info","componentStack","pendingMinMs","defaultPendingMinMs","routerMatch","minPendingPromise","isServer","createControlledPromise","setTimeout","resolve","inject","safeMatchId","parentGlobalNotFound","parentMatch","globalNotFound","childMatchId","nextMatch"],"mappings":"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"}
+{"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 { CatchBoundary, ErrorComponent } from './CatchBoundary'\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 } 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        }\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 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    // 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      // Determine which components to render\n      let content: VNode = Vue.h(MatchInner, { matchId: actualMatchId })\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      // Wrap in suspense if needed\n      // Root routes should also wrap in Suspense if they have a pendingComponent\n      const needsSuspense =\n        route.value &&\n        (route.value?.options?.wrapInSuspense ??\n          PendingComponent.value ??\n          false)\n\n      if (needsSuspense) {\n        content = Vue.h(\n          Vue.Suspense,\n          {\n            fallback: PendingComponent.value\n              ? Vue.h(PendingComponent.value)\n              : null,\n          },\n          {\n            default: () => content,\n          },\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      return Vue.h(Vue.Fragment, null, withScrollRestoration)\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          },\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) {\n        return null\n      }\n\n      // Handle different match statuses\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 (!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","invariant","value","route","computed","routesById","PendingComponent","options","pendingComponent","defaultPendingComponent","routeErrorComponent","errorComponent","defaultErrorComponent","routeOnCatch","onCatch","defaultOnCatch","routeNotFoundComponent","isRoot","notFoundComponent","notFoundRoute","component","matchIdRef","ref","watch","propsMatchId","dataMatchId","immediate","provide","matchContext","actualMatchId","content","h","MatchInner","CatchNotFound","fallback","error","children","CatchBoundary","getResetKey","ErrorComponent","isNotFound","warning","needsSuspense","wrapInSuspense","Suspense","default","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","undefined","status","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"],"mappings":"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"}

package/dist/esm/Matches.js

@@ -3,13 +3,14 @@ import warning from "tiny-warning";
 import { CatchBoundary } from "./CatchBoundary.js";
 import { useRouterState } from "./useRouterState.js";
 import { useRouter } from "./useRouter.js";
-import { Transitioner } from "./Transitioner.js";
+import { useTransitionerSetup } from "./Transitioner.js";
 import { matchContext } from "./matchContext.js";
 import { Match } from "./Match.js";
 const MatchesContent = Vue.defineComponent({
   name: "MatchesContent",
   setup() {
-    return () => Vue.h(Vue.Fragment, null, [Vue.h(Transitioner), Vue.h(MatchesInner)]);
+    useTransitionerSetup();
+    return () => Vue.h(MatchesInner);
   }
 });
 const Matches = Vue.defineComponent({

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 { CatchBoundary } from './CatchBoundary'\nimport { useRouterState } from './useRouterState'\nimport { useRouter } from './useRouter'\nimport { Transitioner } 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 both the Transitioner and MatchesInner\nconst MatchesContent = Vue.defineComponent({\n  name: 'MatchesContent',\n  setup() {\n    return () =>\n      Vue.h(Vue.Fragment, null, [Vue.h(Transitioner), 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        router?.isServer || (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: (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        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","h","Fragment","Transitioner","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","warning","toString","children","useMatchRoute","routerState","locationHref","location","href","resolvedLocationHref","resolvedLocation","status","opts","pending","caseSensitive","fuzzy","includeSearch","rest","matchRoute","MatchRoute","from","type","required","to","Boolean","slots","params","useMatches","state","useParentMatches","contextMatchId","inject","safeMatchId","slice","findIndex","d","useChildMatches"],"mappings":"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"}
+{"version":3,"file":"Matches.js","sources":["../../src/Matches.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport warning from 'tiny-warning'\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        router?.isServer || (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: (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        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","warning","toString","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":"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"}

package/dist/esm/RouterProvider.js

@@ -31,6 +31,9 @@ const RouterContextProvider = Vue.defineComponent({
         const WrapComponent = router.options.Wrap;
         return Vue.h(WrapComponent, null, () => childContent);
       }
+      if (Array.isArray(childContent) && childContent.length === 1) {
+        return childContent[0];
+      }
       return childContent;
     };
   }

package/dist/esm/RouterProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouterProvider.js","sources":["../../src/RouterProvider.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { Matches } from './Matches'\nimport { provideRouter } from './routerContext'\nimport type {\n  AnyRouter,\n  RegisteredRouter,\n  RouterOptions,\n} from '@tanstack/router-core'\n\n// Component that provides router context and renders children\nexport const RouterContextProvider = Vue.defineComponent({\n  name: 'RouterContextProvider',\n  props: {\n    router: {\n      type: Object,\n      required: true,\n    },\n    // Rest of router options will be passed as attrs\n  },\n  setup(props, { attrs, slots }) {\n    const router = props.router as AnyRouter\n    const restAttrs = attrs as Record<string, any>\n\n    // Allow the router to update options on the router instance\n    router.update({\n      ...router.options,\n      ...restAttrs,\n      context: {\n        ...router.options.context,\n        ...((restAttrs.context as Record<string, any>) || {}),\n      },\n    } as any)\n\n    // Provide router to all child components\n    provideRouter(router)\n\n    return () => {\n      // Get child content\n      const childContent = slots.default?.()\n\n      // If a Wrap component is specified in router options, use it\n      if (router.options.Wrap) {\n        const WrapComponent = router.options.Wrap\n        return Vue.h(WrapComponent, null, () => childContent)\n      }\n\n      // Otherwise just return the child content\n      return childContent\n    }\n  },\n})\n\n// The main router provider component that includes matches\nexport const RouterProvider = Vue.defineComponent({\n  name: 'RouterProvider',\n  props: {\n    router: {\n      type: Object,\n      required: true,\n    },\n    // Rest of router options will be passed as attrs\n  },\n  setup(props, { attrs }) {\n    const restAttrs = attrs as Record<string, any>\n\n    return () => {\n      return Vue.h(\n        RouterContextProvider,\n        {\n          router: props.router,\n          ...restAttrs,\n        },\n        {\n          default: () => Vue.h(Matches),\n        },\n      )\n    }\n  },\n}) as unknown as {\n  <TRouter extends AnyRouter = RegisteredRouter>(\n    props: {\n      router: TRouter\n      routeTree?: TRouter['routeTree']\n    } & Record<string, any>,\n  ): Vue.VNode\n  new (): {\n    $props: {\n      router: AnyRouter\n      routeTree?: AnyRouter['routeTree']\n    }\n  }\n}\n\nexport type RouterProps<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TDehydrated extends Record<string, any> = Record<string, any>,\n> = Omit<\n  RouterOptions<\n    TRouter['routeTree'],\n    NonNullable<TRouter['options']['trailingSlash']>,\n    false,\n    TRouter['history'],\n    TDehydrated\n  >,\n  'context'\n> & {\n  router: TRouter\n  context?: Partial<\n    RouterOptions<\n      TRouter['routeTree'],\n      NonNullable<TRouter['options']['trailingSlash']>,\n      false,\n      TRouter['history'],\n      TDehydrated\n    >['context']\n  >\n}\n"],"names":["RouterContextProvider","Vue","defineComponent","name","props","router","type","Object","required","setup","attrs","slots","restAttrs","update","options","context","provideRouter","childContent","default","Wrap","WrapComponent","h","RouterProvider","Matches"],"mappings":";;;MAUaA,wBAAwBC,IAAIC,gBAAgB;AAAA,EACvDC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;AAAA;EAGFC,MAAML,OAAO;AAAA,IAAEM;AAAAA,IAAOC;AAAAA,EAAM,GAAG;AAC7B,UAAMN,SAASD,MAAMC;AACrB,UAAMO,YAAYF;AAGlBL,WAAOQ,OAAO;AAAA,MACZ,GAAGR,OAAOS;AAAAA,MACV,GAAGF;AAAAA,MACHG,SAAS;AAAA,QACP,GAAGV,OAAOS,QAAQC;AAAAA,QAClB,GAAKH,UAAUG,WAAmC,CAAA;AAAA,MACpD;AAAA,IACF,CAAQ;AAGRC,kBAAcX,MAAM;AAEpB,WAAO,MAAM;AAEX,YAAMY,eAAeN,MAAMO,UAAO;AAGlC,UAAIb,OAAOS,QAAQK,MAAM;AACvB,cAAMC,gBAAgBf,OAAOS,QAAQK;AACrC,eAAOlB,IAAIoB,EAAED,eAAe,MAAM,MAAMH,YAAY;AAAA,MACtD;AAGA,aAAOA;AAAAA,IACT;AAAA,EACF;AACF,CAAC;MAGYK,iBAAiBrB,IAAIC,gBAAgB;AAAA,EAChDC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;AAAA;EAGFC,MAAML,OAAO;AAAA,IAAEM;AAAAA,EAAM,GAAG;AACtB,UAAME,YAAYF;AAElB,WAAO,MAAM;AACX,aAAOT,IAAIoB,EACTrB,uBACA;AAAA,QACEK,QAAQD,MAAMC;AAAAA,QACd,GAAGO;AAAAA,MACL,GACA;AAAA,QACEM,SAASA,MAAMjB,IAAIoB,EAAEE,OAAO;AAAA,MAC9B,CACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"RouterProvider.js","sources":["../../src/RouterProvider.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { Matches } from './Matches'\nimport { provideRouter } from './routerContext'\nimport type {\n  AnyRouter,\n  RegisteredRouter,\n  RouterOptions,\n} from '@tanstack/router-core'\n\n// Component that provides router context and renders children\nexport const RouterContextProvider = Vue.defineComponent({\n  name: 'RouterContextProvider',\n  props: {\n    router: {\n      type: Object,\n      required: true,\n    },\n    // Rest of router options will be passed as attrs\n  },\n  setup(props, { attrs, slots }) {\n    const router = props.router as AnyRouter\n    const restAttrs = attrs as Record<string, any>\n\n    // Allow the router to update options on the router instance\n    router.update({\n      ...router.options,\n      ...restAttrs,\n      context: {\n        ...router.options.context,\n        ...((restAttrs.context as Record<string, any>) || {}),\n      },\n    } as any)\n\n    // Provide router to all child components\n    provideRouter(router)\n\n    return () => {\n      // Get child content\n      const childContent = slots.default?.()\n\n      // If a Wrap component is specified in router options, use it\n      if (router.options.Wrap) {\n        const WrapComponent = router.options.Wrap\n        return Vue.h(WrapComponent, null, () => childContent)\n      }\n\n      // Unwrap single-element arrays to avoid implicit Fragment\n      // that would cause hydration mismatch\n      if (Array.isArray(childContent) && childContent.length === 1) {\n        return childContent[0]\n      }\n\n      // Otherwise just return the child content\n      return childContent\n    }\n  },\n})\n\n// The main router provider component that includes matches\nexport const RouterProvider = Vue.defineComponent({\n  name: 'RouterProvider',\n  props: {\n    router: {\n      type: Object,\n      required: true,\n    },\n    // Rest of router options will be passed as attrs\n  },\n  setup(props, { attrs }) {\n    const restAttrs = attrs as Record<string, any>\n\n    return () => {\n      return Vue.h(\n        RouterContextProvider,\n        {\n          router: props.router,\n          ...restAttrs,\n        },\n        {\n          default: () => Vue.h(Matches),\n        },\n      )\n    }\n  },\n}) as unknown as {\n  <TRouter extends AnyRouter = RegisteredRouter>(\n    props: {\n      router: TRouter\n      routeTree?: TRouter['routeTree']\n    } & Record<string, any>,\n  ): Vue.VNode\n  new (): {\n    $props: {\n      router: AnyRouter\n      routeTree?: AnyRouter['routeTree']\n    }\n  }\n}\n\nexport type RouterProps<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TDehydrated extends Record<string, any> = Record<string, any>,\n> = Omit<\n  RouterOptions<\n    TRouter['routeTree'],\n    NonNullable<TRouter['options']['trailingSlash']>,\n    false,\n    TRouter['history'],\n    TDehydrated\n  >,\n  'context'\n> & {\n  router: TRouter\n  context?: Partial<\n    RouterOptions<\n      TRouter['routeTree'],\n      NonNullable<TRouter['options']['trailingSlash']>,\n      false,\n      TRouter['history'],\n      TDehydrated\n    >['context']\n  >\n}\n"],"names":["RouterContextProvider","Vue","defineComponent","name","props","router","type","Object","required","setup","attrs","slots","restAttrs","update","options","context","provideRouter","childContent","default","Wrap","WrapComponent","h","Array","isArray","length","RouterProvider","Matches"],"mappings":";;;MAUaA,wBAAwBC,IAAIC,gBAAgB;AAAA,EACvDC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;AAAA;EAGFC,MAAML,OAAO;AAAA,IAAEM;AAAAA,IAAOC;AAAAA,EAAM,GAAG;AAC7B,UAAMN,SAASD,MAAMC;AACrB,UAAMO,YAAYF;AAGlBL,WAAOQ,OAAO;AAAA,MACZ,GAAGR,OAAOS;AAAAA,MACV,GAAGF;AAAAA,MACHG,SAAS;AAAA,QACP,GAAGV,OAAOS,QAAQC;AAAAA,QAClB,GAAKH,UAAUG,WAAmC,CAAA;AAAA,MACpD;AAAA,IACF,CAAQ;AAGRC,kBAAcX,MAAM;AAEpB,WAAO,MAAM;AAEX,YAAMY,eAAeN,MAAMO,UAAO;AAGlC,UAAIb,OAAOS,QAAQK,MAAM;AACvB,cAAMC,gBAAgBf,OAAOS,QAAQK;AACrC,eAAOlB,IAAIoB,EAAED,eAAe,MAAM,MAAMH,YAAY;AAAA,MACtD;AAIA,UAAIK,MAAMC,QAAQN,YAAY,KAAKA,aAAaO,WAAW,GAAG;AAC5D,eAAOP,aAAa,CAAC;AAAA,MACvB;AAGA,aAAOA;AAAAA,IACT;AAAA,EACF;AACF,CAAC;MAGYQ,iBAAiBxB,IAAIC,gBAAgB;AAAA,EAChDC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;AAAA;EAGFC,MAAML,OAAO;AAAA,IAAEM;AAAAA,EAAM,GAAG;AACtB,UAAME,YAAYF;AAElB,WAAO,MAAM;AACX,aAAOT,IAAIoB,EACTrB,uBACA;AAAA,QACEK,QAAQD,MAAMC;AAAAA,QACd,GAAGO;AAAAA,MACL,GACA;AAAA,QACEM,SAASA,MAAMjB,IAAIoB,EAAEK,OAAO;AAAA,MAC9B,CACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/ScriptOnce.d.ts

@@ -1,5 +1,12 @@
-export declare function ScriptOnce({ children, log, }: {
-    children: string;
-    log?: boolean;
-    sync?: boolean;
-}): import("vue/jsx-runtime").JSX.Element | null;
+import * as Vue from 'vue';
+export declare const ScriptOnce: Vue.DefineComponent<Vue.ExtractPropTypes<{
+    children: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
+    children: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;

package/dist/esm/ScriptOnce.js

@@ -1,20 +1,40 @@
+import * as Vue from "vue";
 import { createVNode } from "vue";
-import jsesc from "jsesc";
-function ScriptOnce({
-  children,
-  log
-}) {
-  if (typeof document !== "undefined") {
-    return null;
+import { useRouter } from "./useRouter.js";
+const ScriptOnce = Vue.defineComponent({
+  name: "ScriptOnce",
+  props: {
+    children: {
+      type: String,
+      required: true
+    }
+  },
+  setup(props) {
+    const router = useRouter();
+    if (router.isServer) {
+      return () => createVNode("script", {
+        "nonce": router.options.ssr?.nonce,
+        "class": "$tsr",
+        "innerHTML": props.children
+      }, null);
+    }
+    const mounted = Vue.ref(false);
+    Vue.onMounted(() => {
+      mounted.value = true;
+    });
+    return () => {
+      if (mounted.value) {
+        return null;
+      }
+      return createVNode("script", {
+        "nonce": router.options.ssr?.nonce,
+        "class": "$tsr",
+        "data-allow-mismatch": true,
+        "innerHTML": ""
+      }, null);
+    };
   }
-  return createVNode("script", {
-    "class": "tsr-once",
-    "innerHTML": [children, (log ?? true) && process.env.NODE_ENV === "development" ? `console.info(\`Injected From Server:
-${jsesc(children.toString(), {
-      quotes: "backtick"
-    })}\`)` : "", 'if (typeof __TSR_SSR__ !== "undefined") __TSR_SSR__.cleanScripts()'].filter(Boolean).join("\n")
-  }, null);
-}
+});
 export {
   ScriptOnce
 };

package/dist/esm/ScriptOnce.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScriptOnce.js","sources":["../../src/ScriptOnce.tsx"],"sourcesContent":["import jsesc from 'jsesc'\n\nexport function ScriptOnce({\n  children,\n  log,\n}: {\n  children: string\n  log?: boolean\n  sync?: boolean\n}) {\n  if (typeof document !== 'undefined') {\n    return null\n  }\n\n  return (\n    <script\n      class=\"tsr-once\"\n      innerHTML={[\n        children,\n        (log ?? true) && process.env.NODE_ENV === 'development'\n          ? `console.info(\\`Injected From Server:\n${jsesc(children.toString(), { quotes: 'backtick' })}\\`)`\n          : '',\n        'if (typeof __TSR_SSR__ !== \"undefined\") __TSR_SSR__.cleanScripts()',\n      ]\n        .filter(Boolean)\n        .join('\\n')}\n    />\n  )\n}\n"],"names":["ScriptOnce","children","log","document","_createVNode","process","env","NODE_ENV","jsesc","toString","quotes","filter","Boolean","join"],"mappings":";;AAEO,SAASA,WAAW;AAAA,EACzBC;AAAAA,EACAC;AAKF,GAAG;AACD,MAAI,OAAOC,aAAa,aAAa;AACnC,WAAO;AAAA,EACT;AAEA,SAAAC,YAAA,UAAA;AAAA,IAAA,SAAA;AAAA,IAAA,aAGe,CACTH,WACCC,OAAO,SAASG,QAAQC,IAAIC,aAAa,gBACtC;AAAA,EACVC,MAAMP,SAASQ,YAAY;AAAA,MAAEC,QAAQ;AAAA,IAAW,CAAC,CAAC,QACxC,IACJ,oEAAoE,EAEnEC,OAAOC,OAAO,EACdC,KAAK,IAAI;AAAA,EAAC,GAAA,IAAA;AAGnB;"}
+{"version":3,"file":"ScriptOnce.js","sources":["../../src/ScriptOnce.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { useRouter } from './useRouter'\n\nexport const ScriptOnce = Vue.defineComponent({\n  name: 'ScriptOnce',\n  props: {\n    children: {\n      type: String,\n      required: true,\n    },\n  },\n  setup(props) {\n    const router = useRouter()\n\n    if (router.isServer) {\n      return () => (\n        <script\n          nonce={router.options.ssr?.nonce}\n          class=\"$tsr\"\n          innerHTML={props.children}\n        />\n      )\n    }\n\n    const mounted = Vue.ref(false)\n    Vue.onMounted(() => {\n      mounted.value = true\n    })\n\n    return () => {\n      if (mounted.value) {\n        return null\n      }\n\n      return (\n        <script\n          nonce={router.options.ssr?.nonce}\n          class=\"$tsr\"\n          data-allow-mismatch\n          innerHTML=\"\"\n        />\n      )\n    }\n  },\n})\n"],"names":["ScriptOnce","Vue","defineComponent","name","props","children","type","String","required","setup","router","useRouter","isServer","_createVNode","options","ssr","nonce","mounted","ref","onMounted","value"],"mappings":";;;MAGaA,aAAaC,IAAIC,gBAAgB;AAAA,EAC5CC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,UAAU;AAAA,MACRC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;EAEFC,MAAML,OAAO;AACX,UAAMM,SAASC,UAAS;AAExB,QAAID,OAAOE,UAAU;AACnB,aAAO,MAAAC,YAAA,UAAA;AAAA,QAAA,SAEIH,OAAOI,QAAQC,KAAKC;AAAAA,QAAK,SAAA;AAAA,QAAA,aAErBZ,MAAMC;AAAAA,SAAQ,IAAA;AAAA,IAG/B;AAEA,UAAMY,UAAUhB,IAAIiB,IAAI,KAAK;AAC7BjB,QAAIkB,UAAU,MAAM;AAClBF,cAAQG,QAAQ;AAAA,IAClB,CAAC;AAED,WAAO,MAAM;AACX,UAAIH,QAAQG,OAAO;AACjB,eAAO;AAAA,MACT;AAEA,aAAAP,YAAA,UAAA;AAAA,QAAA,SAEWH,OAAOI,QAAQC,KAAKC;AAAAA,QAAK,SAAA;AAAA,QAAA,uBAAA;AAAA,QAAA,aAAA;AAAA,MAAA,GAAA,IAAA;AAAA,IAMtC;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/Scripts.d.ts

@@ -1 +1,2 @@
-export declare const Scripts: () => import("vue/jsx-runtime").JSX.Element;
+import * as Vue from 'vue';
+export declare const Scripts: Vue.DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;

package/dist/esm/Scripts.js

@@ -1,45 +1,111 @@
+import * as Vue from "vue";
 import { createVNode, Fragment, mergeProps } from "vue";
 import { Asset } from "./Asset.js";
 import { useRouterState } from "./useRouterState.js";
 import { useRouter } from "./useRouter.js";
-const Scripts = () => {
-  const router = useRouter();
-  const assetScripts = useRouterState({
-    select: (state) => {
-      const assetScripts2 = [];
-      const manifest = router.ssr?.manifest;
-      if (!manifest) {
-        return [];
+const VUE_DEFER_SCRIPT = "self.$_TSR_DEFER=true";
+const Scripts = Vue.defineComponent({
+  name: "Scripts",
+  setup() {
+    const router = useRouter();
+    const nonce = router.options.ssr?.nonce;
+    const assetScripts = useRouterState({
+      select: (state) => {
+        const assetScripts2 = [];
+        const manifest = router.ssr?.manifest;
+        if (!manifest) {
+          return [];
+        }
+        state.matches.map((match) => router.looseRoutesById[match.routeId]).forEach((route) => manifest.routes[route.id]?.assets?.filter((d) => d.tag === "script").forEach((asset) => {
+          assetScripts2.push({
+            tag: "script",
+            attrs: {
+              ...asset.attrs,
+              nonce
+            },
+            children: asset.children
+          });
+        }));
+        return assetScripts2;
       }
-      state.matches.map((match) => router.looseRoutesById[match.routeId]).forEach((route) => manifest.routes[route.id]?.assets?.filter((d) => d.tag === "script").forEach((asset) => {
-        assetScripts2.push({
+    });
+    const scripts = useRouterState({
+      select: (state) => ({
+        scripts: state.matches.map((match) => match.scripts).flat(1).filter(Boolean).map(({
+          children,
+          ...script
+        }) => ({
+          tag: "script",
+          attrs: {
+            ...script,
+            nonce
+          },
+          children
+        }))
+      })
+    });
+    const mounted = Vue.ref(false);
+    Vue.onMounted(() => {
+      mounted.value = true;
+    });
+    return () => {
+      const allScripts = [];
+      if (router.serverSsr) {
+        allScripts.push({
           tag: "script",
-          attrs: asset.attrs,
-          children: asset.children
+          attrs: {
+            nonce
+          },
+          children: VUE_DEFER_SCRIPT
         });
-      }));
-      return assetScripts2;
-    }
-  });
-  const scripts = useRouterState({
-    select: (state) => ({
-      scripts: state.matches.map((match) => match.scripts).flat(1).filter(Boolean).map(({
-        children,
-        ...script
-      }) => ({
-        tag: "script",
-        attrs: {
-          ...script
-        },
-        children
-      }))
-    })
-  });
-  const allScripts = [...scripts.value.scripts, ...assetScripts.value];
-  return createVNode(Fragment, null, [allScripts.map((asset, i) => createVNode(Asset, mergeProps(asset, {
-    "key": i
-  }), null))]);
-};
+        const serverBufferedScript = router.serverSsr.takeBufferedScripts();
+        if (serverBufferedScript) {
+          allScripts.push(serverBufferedScript);
+        }
+      } else if (router.ssr && !mounted.value) {
+        allScripts.push({
+          tag: "script",
+          attrs: {
+            nonce,
+            "data-allow-mismatch": true
+          },
+          children: ""
+        });
+        allScripts.push({
+          tag: "script",
+          attrs: {
+            nonce,
+            class: "$tsr",
+            id: "$tsr-stream-barrier",
+            "data-allow-mismatch": true
+          },
+          children: ""
+        });
+        for (const asset of assetScripts.value) {
+          allScripts.push({
+            tag: "script",
+            attrs: {
+              ...asset.attrs,
+              "data-allow-mismatch": true
+            },
+            children: ""
+          });
+        }
+      }
+      for (const script of scripts.value.scripts) {
+        allScripts.push(script);
+      }
+      if (mounted.value || router.serverSsr) {
+        for (const asset of assetScripts.value) {
+          allScripts.push(asset);
+        }
+      }
+      return createVNode(Fragment, null, [allScripts.map((asset, i) => createVNode(Asset, mergeProps(asset, {
+        "key": `tsr-scripts-${asset.tag}-${i}`
+      }), null))]);
+    };
+  }
+});
 export {
   Scripts
 };

package/dist/esm/Scripts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scripts.js","sources":["../../src/Scripts.tsx"],"sourcesContent":["import { Asset } from './Asset'\nimport { useRouterState } from './useRouterState'\nimport { useRouter } from './useRouter'\nimport type { RouterManagedTag } from '@tanstack/router-core'\n\nexport const Scripts = () => {\n  const router = useRouter()\n\n  const assetScripts = useRouterState({\n    select: (state) => {\n      const assetScripts: Array<RouterManagedTag> = []\n      const manifest = router.ssr?.manifest\n\n      if (!manifest) {\n        return []\n      }\n\n      state.matches\n        .map((match) => router.looseRoutesById[match.routeId]!)\n        .forEach((route) =>\n          manifest.routes[route.id]?.assets\n            ?.filter((d) => d.tag === 'script')\n            .forEach((asset) => {\n              assetScripts.push({\n                tag: 'script',\n                attrs: asset.attrs,\n                children: asset.children,\n              } as any)\n            }),\n        )\n\n      return assetScripts\n    },\n  })\n\n  const scripts = useRouterState({\n    select: (state) => ({\n      scripts: (\n        state.matches\n          .map((match) => match.scripts!)\n          .flat(1)\n          .filter(Boolean) as Array<RouterManagedTag>\n      ).map(({ children, ...script }) => ({\n        tag: 'script',\n        attrs: {\n          ...script,\n        },\n        children,\n      })),\n    }),\n  })\n\n  const allScripts = [\n    ...scripts.value.scripts,\n    ...assetScripts.value,\n  ] as Array<RouterManagedTag>\n\n  return (\n    <>\n      {allScripts.map((asset, i) => (\n        <Asset {...asset} key={i} />\n      ))}\n    </>\n  )\n}\n"],"names":["Scripts","router","useRouter","assetScripts","useRouterState","select","state","manifest","ssr","matches","map","match","looseRoutesById","routeId","forEach","route","routes","id","assets","filter","d","tag","asset","push","attrs","children","scripts","flat","Boolean","script","allScripts","value","_createVNode","_Fragment","i","Asset","_mergeProps"],"mappings":";;;;AAKO,MAAMA,UAAUA,MAAM;AAC3B,QAAMC,SAASC,UAAS;AAExB,QAAMC,eAAeC,eAAe;AAAA,IAClCC,QAASC,WAAU;AACjB,YAAMH,gBAAwC,CAAA;AAC9C,YAAMI,WAAWN,OAAOO,KAAKD;AAE7B,UAAI,CAACA,UAAU;AACb,eAAO,CAAA;AAAA,MACT;AAEAD,YAAMG,QACHC,IAAKC,WAAUV,OAAOW,gBAAgBD,MAAME,OAAO,CAAE,EACrDC,QAASC,WACRR,SAASS,OAAOD,MAAME,EAAE,GAAGC,QACvBC,OAAQC,OAAMA,EAAEC,QAAQ,QAAQ,EACjCP,QAASQ,WAAU;AAClBnB,QAAAA,cAAaoB,KAAK;AAAA,UAChBF,KAAK;AAAA,UACLG,OAAOF,MAAME;AAAAA,UACbC,UAAUH,MAAMG;AAAAA,QAClB,CAAQ;AAAA,MACV,CAAC,CACL;AAEF,aAAOtB;AAAAA,IACT;AAAA,EACF,CAAC;AAED,QAAMuB,UAAUtB,eAAe;AAAA,IAC7BC,QAASC,YAAW;AAAA,MAClBoB,SACEpB,MAAMG,QACHC,IAAKC,WAAUA,MAAMe,OAAQ,EAC7BC,KAAK,CAAC,EACNR,OAAOS,OAAO,EACjBlB,IAAI,CAAC;AAAA,QAAEe;AAAAA,QAAU,GAAGI;AAAAA,MAAO,OAAO;AAAA,QAClCR,KAAK;AAAA,QACLG,OAAO;AAAA,UACL,GAAGK;AAAAA;QAELJ;AAAAA,MACF,EAAE;AAAA;EAEN,CAAC;AAED,QAAMK,aAAa,CACjB,GAAGJ,QAAQK,MAAML,SACjB,GAAGvB,aAAa4B,KAAK;AAGvB,SAAAC,YAAAC,iBAEKH,WAAWpB,IAAI,CAACY,OAAOY,MAACF,YAAAG,OAAAC,WACZd,OAAK;AAAA,IAAA,OAAOY;AAAAA,EAAC,CAAA,GAAA,IAAA,CACzB,CAAC,CAAA;AAGR;"}
+{"version":3,"file":"Scripts.js","sources":["../../src/Scripts.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { Asset } from './Asset'\nimport { useRouterState } from './useRouterState'\nimport { useRouter } from './useRouter'\nimport type { RouterManagedTag } from '@tanstack/router-core'\n\n// Script that sets the defer flag for Vue - must run BEFORE TSR bootstrap script\n// This prevents $_TSR.c() from removing scripts until Vue hydration is complete\nconst VUE_DEFER_SCRIPT = 'self.$_TSR_DEFER=true'\n\nexport const Scripts = Vue.defineComponent({\n  name: 'Scripts',\n  setup() {\n    const router = useRouter()\n    const nonce = router.options.ssr?.nonce\n\n    const assetScripts = useRouterState({\n      select: (state) => {\n        const assetScripts: Array<RouterManagedTag> = []\n        const manifest = router.ssr?.manifest\n\n        if (!manifest) {\n          return []\n        }\n\n        state.matches\n          .map((match) => router.looseRoutesById[match.routeId]!)\n          .forEach((route) =>\n            manifest.routes[route.id]?.assets\n              ?.filter((d) => d.tag === 'script')\n              .forEach((asset) => {\n                assetScripts.push({\n                  tag: 'script',\n                  attrs: { ...asset.attrs, nonce },\n                  children: asset.children,\n                } as RouterManagedTag)\n              }),\n          )\n\n        return assetScripts\n      },\n    })\n\n    const scripts = useRouterState({\n      select: (state) => ({\n        scripts: (\n          state.matches\n            .map((match) => match.scripts!)\n            .flat(1)\n            .filter(Boolean) as Array<RouterManagedTag>\n        ).map(({ children, ...script }) => ({\n          tag: 'script' as const,\n          attrs: {\n            ...script,\n            nonce,\n          },\n          children,\n        })),\n      }),\n    })\n\n    const mounted = Vue.ref(false)\n    Vue.onMounted(() => {\n      mounted.value = true\n    })\n\n    return () => {\n      const allScripts: Array<RouterManagedTag> = []\n\n      if (router.serverSsr) {\n        allScripts.push({\n          tag: 'script',\n          attrs: { nonce },\n          children: VUE_DEFER_SCRIPT,\n        } as RouterManagedTag)\n\n        const serverBufferedScript = router.serverSsr.takeBufferedScripts()\n        if (serverBufferedScript) {\n          allScripts.push(serverBufferedScript)\n        }\n      } else if (router.ssr && !mounted.value) {\n        allScripts.push({\n          tag: 'script',\n          attrs: { nonce, 'data-allow-mismatch': true },\n          children: '',\n        } as RouterManagedTag)\n\n        allScripts.push({\n          tag: 'script',\n          attrs: {\n            nonce,\n            class: '$tsr',\n            id: '$tsr-stream-barrier',\n            'data-allow-mismatch': true,\n          },\n          children: '',\n        } as RouterManagedTag)\n\n        for (const asset of assetScripts.value) {\n          allScripts.push({\n            tag: 'script',\n            attrs: {\n              ...asset.attrs,\n              'data-allow-mismatch': true,\n            },\n            children: '',\n          } as RouterManagedTag)\n        }\n      }\n\n      for (const script of scripts.value.scripts) {\n        allScripts.push(script as RouterManagedTag)\n      }\n\n      if (mounted.value || router.serverSsr) {\n        for (const asset of assetScripts.value) {\n          allScripts.push(asset)\n        }\n      }\n\n      return (\n        <>\n          {allScripts.map((asset, i) => (\n            <Asset {...asset} key={`tsr-scripts-${asset.tag}-${i}`} />\n          ))}\n        </>\n      )\n    }\n  },\n})\n"],"names":["VUE_DEFER_SCRIPT","Scripts","Vue","defineComponent","name","setup","router","useRouter","nonce","options","ssr","assetScripts","useRouterState","select","state","manifest","matches","map","match","looseRoutesById","routeId","forEach","route","routes","id","assets","filter","d","tag","asset","push","attrs","children","scripts","flat","Boolean","script","mounted","ref","onMounted","value","allScripts","serverSsr","serverBufferedScript","takeBufferedScripts","class","_createVNode","_Fragment","i","Asset","_mergeProps"],"mappings":";;;;;AAQA,MAAMA,mBAAmB;MAEZC,UAAUC,IAAIC,gBAAgB;AAAA,EACzCC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,SAASC,UAAS;AACxB,UAAMC,QAAQF,OAAOG,QAAQC,KAAKF;AAElC,UAAMG,eAAeC,eAAe;AAAA,MAClCC,QAASC,WAAU;AACjB,cAAMH,gBAAwC,CAAA;AAC9C,cAAMI,WAAWT,OAAOI,KAAKK;AAE7B,YAAI,CAACA,UAAU;AACb,iBAAO,CAAA;AAAA,QACT;AAEAD,cAAME,QACHC,IAAKC,WAAUZ,OAAOa,gBAAgBD,MAAME,OAAO,CAAE,EACrDC,QAASC,WACRP,SAASQ,OAAOD,MAAME,EAAE,GAAGC,QACvBC,OAAQC,OAAMA,EAAEC,QAAQ,QAAQ,EACjCP,QAASQ,WAAU;AAClBlB,UAAAA,cAAamB,KAAK;AAAA,YAChBF,KAAK;AAAA,YACLG,OAAO;AAAA,cAAE,GAAGF,MAAME;AAAAA,cAAOvB;AAAAA;YACzBwB,UAAUH,MAAMG;AAAAA,UAClB,CAAqB;AAAA,QACvB,CAAC,CACL;AAEF,eAAOrB;AAAAA,MACT;AAAA,IACF,CAAC;AAED,UAAMsB,UAAUrB,eAAe;AAAA,MAC7BC,QAASC,YAAW;AAAA,QAClBmB,SACEnB,MAAME,QACHC,IAAKC,WAAUA,MAAMe,OAAQ,EAC7BC,KAAK,CAAC,EACNR,OAAOS,OAAO,EACjBlB,IAAI,CAAC;AAAA,UAAEe;AAAAA,UAAU,GAAGI;AAAAA,QAAO,OAAO;AAAA,UAClCR,KAAK;AAAA,UACLG,OAAO;AAAA,YACL,GAAGK;AAAAA,YACH5B;AAAAA;UAEFwB;AAAAA,QACF,EAAE;AAAA;IAEN,CAAC;AAED,UAAMK,UAAUnC,IAAIoC,IAAI,KAAK;AAC7BpC,QAAIqC,UAAU,MAAM;AAClBF,cAAQG,QAAQ;AAAA,IAClB,CAAC;AAED,WAAO,MAAM;AACX,YAAMC,aAAsC,CAAA;AAE5C,UAAInC,OAAOoC,WAAW;AACpBD,mBAAWX,KAAK;AAAA,UACdF,KAAK;AAAA,UACLG,OAAO;AAAA,YAAEvB;AAAAA;UACTwB,UAAUhC;AAAAA,QACZ,CAAqB;AAErB,cAAM2C,uBAAuBrC,OAAOoC,UAAUE,oBAAmB;AACjE,YAAID,sBAAsB;AACxBF,qBAAWX,KAAKa,oBAAoB;AAAA,QACtC;AAAA,MACF,WAAWrC,OAAOI,OAAO,CAAC2B,QAAQG,OAAO;AACvCC,mBAAWX,KAAK;AAAA,UACdF,KAAK;AAAA,UACLG,OAAO;AAAA,YAAEvB;AAAAA,YAAO,uBAAuB;AAAA;UACvCwB,UAAU;AAAA,QACZ,CAAqB;AAErBS,mBAAWX,KAAK;AAAA,UACdF,KAAK;AAAA,UACLG,OAAO;AAAA,YACLvB;AAAAA,YACAqC,OAAO;AAAA,YACPrB,IAAI;AAAA,YACJ,uBAAuB;AAAA;UAEzBQ,UAAU;AAAA,QACZ,CAAqB;AAErB,mBAAWH,SAASlB,aAAa6B,OAAO;AACtCC,qBAAWX,KAAK;AAAA,YACdF,KAAK;AAAA,YACLG,OAAO;AAAA,cACL,GAAGF,MAAME;AAAAA,cACT,uBAAuB;AAAA;YAEzBC,UAAU;AAAA,UACZ,CAAqB;AAAA,QACvB;AAAA,MACF;AAEA,iBAAWI,UAAUH,QAAQO,MAAMP,SAAS;AAC1CQ,mBAAWX,KAAKM,MAA0B;AAAA,MAC5C;AAEA,UAAIC,QAAQG,SAASlC,OAAOoC,WAAW;AACrC,mBAAWb,SAASlB,aAAa6B,OAAO;AACtCC,qBAAWX,KAAKD,KAAK;AAAA,QACvB;AAAA,MACF;AAEA,aAAAiB,YAAAC,iBAEKN,WAAWxB,IAAI,CAACY,OAAOmB,MAACF,YAAAG,OAAAC,WACZrB,OAAK;AAAA,QAAA,OAAO,eAAeA,MAAMD,GAAG,IAAIoB,CAAC;AAAA,MAAE,CAAA,GAAA,IAAA,CACvD,CAAC,CAAA;AAAA,IAGR;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/Transitioner.d.ts

@@ -1,2 +1,18 @@
 import * as Vue from 'vue';
+/**
+ * Composable that sets up router transition logic.
+ * This is called from MatchesContent to set up:
+ * - router.startTransition
+ * - router.startViewTransition
+ * - History subscription
+ * - Router event watchers
+ *
+ * Must be called during component setup phase.
+ */
+export declare function useTransitionerSetup(): void;
+/**
+ * @deprecated Use useTransitionerSetup() composable instead.
+ * This component is kept for backwards compatibility but the setup logic
+ * has been moved to useTransitionerSetup() for better SSR hydration.
+ */
 export declare const Transitioner: Vue.DefineComponent<{}, () => null, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;