@tanstack/vue-router 1.167.5 → 1.168.0

package/dist/esm/link.js.map

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

package/dist/esm/matchContext.d.ts

@@ -1,20 +1,14 @@
 import * as Vue from 'vue';
 export declare const matchContext: Vue.InjectionKey<Vue.Ref<string | undefined>>;
-export declare const dummyMatchContext: Vue.InjectionKey<Vue.Ref<string | undefined>>;
+export declare const pendingMatchContext: Vue.InjectionKey<Vue.Ref<boolean>>;
+export declare const dummyPendingMatchContext: Vue.InjectionKey<Vue.Ref<boolean>>;
+export declare const routeIdContext: Vue.InjectionKey<string>;
 /**
- * Provides a match ID to child components
+ * Retrieves nearest pending-match state from the component tree
  */
-export declare function provideMatch(matchId: string | undefined): void;
+export declare function injectPendingMatch(): Vue.Ref<boolean>;
 /**
- * Retrieves the match ID from the component tree
+ * Retrieves dummy pending-match state from the component tree
+ * This only exists so we can conditionally inject a value when we are not interested in the nearest pending match
  */
-export declare function injectMatch(): Vue.Ref<string | undefined>;
-/**
- * Provides a dummy match ID to child components
- */
-export declare function provideDummyMatch(matchId: string | undefined): void;
-/**
- * Retrieves the dummy match ID from the component tree
- * This only exists so we can conditionally inject a value when we are not interested in the nearest match
- */
-export declare function injectDummyMatch(): Vue.Ref<string | undefined>;
+export declare function injectDummyPendingMatch(): Vue.Ref<boolean>;

package/dist/esm/matchContext.js

@@ -1,21 +1,23 @@
 import * as Vue from "vue";
 //#region src/matchContext.tsx
 var matchContext = Symbol("TanStackRouterMatch");
-var dummyMatchContext = Symbol("TanStackRouterDummyMatch");
+var pendingMatchContext = Symbol("TanStackRouterPendingMatch");
+var dummyPendingMatchContext = Symbol("TanStackRouterDummyPendingMatch");
+var routeIdContext = Symbol("TanStackRouterRouteId");
 /**
-* Retrieves the match ID from the component tree
+* Retrieves nearest pending-match state from the component tree
 */
-function injectMatch() {
-	return Vue.inject(matchContext, Vue.ref(void 0));
+function injectPendingMatch() {
+	return Vue.inject(pendingMatchContext, Vue.ref(false));
 }
 /**
-* Retrieves the dummy match ID from the component tree
-* This only exists so we can conditionally inject a value when we are not interested in the nearest match
+* Retrieves dummy pending-match state from the component tree
+* This only exists so we can conditionally inject a value when we are not interested in the nearest pending match
 */
-function injectDummyMatch() {
-	return Vue.inject(dummyMatchContext, Vue.ref(void 0));
+function injectDummyPendingMatch() {
+	return Vue.inject(dummyPendingMatchContext, Vue.ref(false));
 }
 //#endregion
-export { injectDummyMatch, injectMatch, matchContext };
+export { injectDummyPendingMatch, injectPendingMatch, matchContext, pendingMatchContext, routeIdContext };
 
 //# sourceMappingURL=matchContext.js.map

package/dist/esm/matchContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"matchContext.js","names":["Vue","matchContext","Symbol","dummyMatchContext","provideMatch","matchId","provide","ref","injectMatch","inject","undefined","provideDummyMatch","injectDummyMatch"],"sources":["../../src/matchContext.tsx"],"sourcesContent":["import * as Vue from 'vue'\n\n// Create a typed injection key with support for undefined values\n// This is the primary match context used throughout the router\nexport const matchContext = Symbol('TanStackRouterMatch') as Vue.InjectionKey<\n  Vue.Ref<string | undefined>\n>\n\n// Dummy match context for when we want to look up by explicit 'from' route\nexport const dummyMatchContext = Symbol(\n  'TanStackRouterDummyMatch',\n) as Vue.InjectionKey<Vue.Ref<string | undefined>>\n\n/**\n * Provides a match ID to child components\n */\nexport function provideMatch(matchId: string | undefined) {\n  Vue.provide(matchContext, Vue.ref(matchId))\n}\n\n/**\n * Retrieves the match ID from the component tree\n */\nexport function injectMatch(): Vue.Ref<string | undefined> {\n  return Vue.inject(matchContext, Vue.ref(undefined))\n}\n\n/**\n * Provides a dummy match ID to child components\n */\nexport function provideDummyMatch(matchId: string | undefined) {\n  Vue.provide(dummyMatchContext, Vue.ref(matchId))\n}\n\n/**\n * Retrieves the dummy match ID from the component tree\n * This only exists so we can conditionally inject a value when we are not interested in the nearest match\n */\nexport function injectDummyMatch(): Vue.Ref<string | undefined> {\n  return Vue.inject(dummyMatchContext, Vue.ref(undefined))\n}\n"],"mappings":";;AAIA,IAAaC,eAAeC,OAAO,sBAElC;AAGD,IAAaC,oBAAoBD,OAC/B,2BACgD;;;;AAYlD,SAAgBM,cAA2C;AACzD,QAAOR,IAAIS,OAAOR,cAAcD,IAAIO,IAAIG,KAAAA,EAAU,CAAC;;;;;;AAcrD,SAAgBE,mBAAgD;AAC9D,QAAOZ,IAAIS,OAAON,mBAAmBH,IAAIO,IAAIG,KAAAA,EAAU,CAAC"}
+{"version":3,"file":"matchContext.js","names":["Vue","matchContext","Symbol","pendingMatchContext","dummyPendingMatchContext","routeIdContext","injectPendingMatch","inject","ref","injectDummyPendingMatch"],"sources":["../../src/matchContext.tsx"],"sourcesContent":["import * as Vue from 'vue'\n\n// Reactive nearest-match context used by hooks that work relative to the\n// current match in the tree.\nexport const matchContext = Symbol('TanStackRouterMatch') as Vue.InjectionKey<\n  Vue.Ref<string | undefined>\n>\n\n// Pending match context for nearest-match lookups\nexport const pendingMatchContext = Symbol(\n  'TanStackRouterPendingMatch',\n) as Vue.InjectionKey<Vue.Ref<boolean>>\n\n// Dummy pending context when nearest pending state is not needed\nexport const dummyPendingMatchContext = Symbol(\n  'TanStackRouterDummyPendingMatch',\n) as Vue.InjectionKey<Vue.Ref<boolean>>\n\n// Stable routeId context — a plain string (not reactive) that identifies\n// which route this component belongs to. Provided by Match, consumed by\n// MatchInner, Outlet, and useMatch for routeId-based store lookups.\nexport const routeIdContext = Symbol(\n  'TanStackRouterRouteId',\n) as Vue.InjectionKey<string>\n\n/**\n * Retrieves nearest pending-match state from the component tree\n */\nexport function injectPendingMatch(): Vue.Ref<boolean> {\n  return Vue.inject(pendingMatchContext, Vue.ref(false))\n}\n\n/**\n * Retrieves dummy pending-match state from the component tree\n * This only exists so we can conditionally inject a value when we are not interested in the nearest pending match\n */\nexport function injectDummyPendingMatch(): Vue.Ref<boolean> {\n  return Vue.inject(dummyPendingMatchContext, Vue.ref(false))\n}\n"],"mappings":";;AAIA,IAAaC,eAAeC,OAAO,sBAElC;AAGD,IAAaC,sBAAsBD,OACjC,6BACqC;AAGvC,IAAaE,2BAA2BF,OACtC,kCACqC;AAKvC,IAAaG,iBAAiBH,OAC5B,wBAC2B;;;;AAK7B,SAAgBI,qBAAuC;AACrD,QAAON,IAAIO,OAAOJ,qBAAqBH,IAAIQ,IAAI,MAAM,CAAC;;;;;;AAOxD,SAAgBC,0BAA4C;AAC1D,QAAOT,IAAIO,OAAOH,0BAA0BJ,IAAIQ,IAAI,MAAM,CAAC"}

package/dist/esm/not-found.js

@@ -1,10 +1,13 @@
 import { CatchBoundary } from "./CatchBoundary.js";
-import { useRouterState } from "./useRouterState.js";
+import { useRouter } from "./useRouter.js";
 import { isNotFound } from "@tanstack/router-core";
 import * as Vue from "vue";
+import { useStore } from "@tanstack/vue-store";
 //#region src/not-found.tsx
 function CatchNotFound(props) {
-	const resetKey = useRouterState({ select: (s) => `not-found-${s.location.pathname}-${s.status}` });
+	const router = useRouter();
+	const pathname = useStore(router.stores.location, (location) => location.pathname);
+	const status = useStore(router.stores.status, (value) => value);
 	const errorComponentFn = (componentProps) => {
 		const error = componentProps.error;
 		if (isNotFound(error)) {
@@ -13,7 +16,7 @@ function CatchNotFound(props) {
 		} else throw error;
 	};
 	return Vue.h(CatchBoundary, {
-		getResetKey: () => resetKey.value,
+		getResetKey: () => `not-found-${pathname.value}-${status.value}`,
 		onCatch: (error) => {
 			if (isNotFound(error)) {
 				if (props.onCatch) props.onCatch(error);

package/dist/esm/not-found.js.map

@@ -1 +1 @@
-{"version":3,"file":"not-found.js","names":["Vue","isNotFound","CatchBoundary","useRouterState","CatchNotFound","props","resetKey","select","s","location","pathname","status","errorComponentFn","componentProps","error","fallback","h","getResetKey","value","onCatch","errorComponent","children","DefaultGlobalNotFound","defineComponent","name","setup"],"sources":["../../src/not-found.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { isNotFound } from '@tanstack/router-core'\nimport { CatchBoundary } from './CatchBoundary'\nimport { useRouterState } from './useRouterState'\nimport type { ErrorComponentProps, NotFoundError } from '@tanstack/router-core'\n\nexport function CatchNotFound(props: {\n  fallback?: (error: NotFoundError) => Vue.VNode\n  onCatch?: (error: Error) => void\n  children: Vue.VNode\n}) {\n  // TODO: Some way for the user to programmatically reset the not-found boundary?\n  const resetKey = useRouterState({\n    select: (s) => `not-found-${s.location.pathname}-${s.status}`,\n  })\n\n  // Create a function that returns a VNode to match the SyncRouteComponent signature\n  const errorComponentFn = (componentProps: ErrorComponentProps) => {\n    const error = componentProps.error\n\n    if (isNotFound(error)) {\n      // If a fallback is provided, use it\n      if (props.fallback) {\n        return props.fallback(error)\n      }\n      // Otherwise return a default not found message\n      return Vue.h('p', null, 'Not Found')\n    } else {\n      // Re-throw non-NotFound errors\n      throw error\n    }\n  }\n\n  return Vue.h(CatchBoundary, {\n    getResetKey: () => resetKey.value,\n    onCatch: (error: Error) => {\n      if (isNotFound(error)) {\n        if (props.onCatch) {\n          props.onCatch(error)\n        }\n      } else {\n        throw error\n      }\n    },\n    errorComponent: errorComponentFn,\n    children: props.children,\n  })\n}\n\nexport const DefaultGlobalNotFound = Vue.defineComponent({\n  name: 'DefaultGlobalNotFound',\n  setup() {\n    return () => Vue.h('p', null, 'Not Found')\n  },\n})\n"],"mappings":";;;;;AAMA,SAAgBI,cAAcC,OAI3B;CAED,MAAMC,WAAWH,eAAe,EAC9BI,SAASC,MAAM,aAAaA,EAAEC,SAASC,SAAQ,GAAIF,EAAEG,UACtD,CAAC;CAGF,MAAMC,oBAAoBC,mBAAwC;EAChE,MAAMC,QAAQD,eAAeC;AAE7B,MAAIb,WAAWa,MAAM,EAAE;AAErB,OAAIT,MAAMU,SACR,QAAOV,MAAMU,SAASD,MAAM;AAG9B,UAAOd,IAAIgB,EAAE,KAAK,MAAM,YAAY;QAGpC,OAAMF;;AAIV,QAAOd,IAAIgB,EAAEd,eAAe;EAC1Be,mBAAmBX,SAASY;EAC5BC,UAAUL,UAAiB;AACzB,OAAIb,WAAWa,MAAM;QACfT,MAAMc,QACRd,OAAMc,QAAQL,MAAM;SAGtB,OAAMA;;EAGVM,gBAAgBR;EAChBS,UAAUhB,MAAMgB;EACjB,CAAC;;AAGJ,IAAaC,wBAAwBtB,IAAIuB,gBAAgB;CACvDC,MAAM;CACNC,QAAQ;AACN,eAAazB,IAAIgB,EAAE,KAAK,MAAM,YAAY;;CAE7C,CAAC"}
+{"version":3,"file":"not-found.js","names":["Vue","isNotFound","useStore","CatchBoundary","useRouter","CatchNotFound","props","router","pathname","stores","location","status","value","errorComponentFn","componentProps","error","fallback","h","getResetKey","onCatch","errorComponent","children","DefaultGlobalNotFound","defineComponent","name","setup"],"sources":["../../src/not-found.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { isNotFound } from '@tanstack/router-core'\nimport { useStore } from '@tanstack/vue-store'\nimport { CatchBoundary } from './CatchBoundary'\nimport { useRouter } from './useRouter'\nimport type { ErrorComponentProps, NotFoundError } from '@tanstack/router-core'\n\nexport function CatchNotFound(props: {\n  fallback?: (error: NotFoundError) => Vue.VNode\n  onCatch?: (error: Error) => void\n  children: Vue.VNode\n}) {\n  const router = useRouter()\n  // TODO: Some way for the user to programmatically reset the not-found boundary?\n  const pathname = useStore(\n    router.stores.location,\n    (location) => location.pathname,\n  )\n  const status = useStore(router.stores.status, (value) => value)\n\n  // Create a function that returns a VNode to match the SyncRouteComponent signature\n  const errorComponentFn = (componentProps: ErrorComponentProps) => {\n    const error = componentProps.error\n\n    if (isNotFound(error)) {\n      // If a fallback is provided, use it\n      if (props.fallback) {\n        return props.fallback(error)\n      }\n      // Otherwise return a default not found message\n      return Vue.h('p', null, 'Not Found')\n    } else {\n      // Re-throw non-NotFound errors\n      throw error\n    }\n  }\n\n  return Vue.h(CatchBoundary, {\n    getResetKey: () => `not-found-${pathname.value}-${status.value}`,\n    onCatch: (error: Error) => {\n      if (isNotFound(error)) {\n        if (props.onCatch) {\n          props.onCatch(error)\n        }\n      } else {\n        throw error\n      }\n    },\n    errorComponent: errorComponentFn,\n    children: props.children,\n  })\n}\n\nexport const DefaultGlobalNotFound = Vue.defineComponent({\n  name: 'DefaultGlobalNotFound',\n  setup() {\n    return () => Vue.h('p', null, 'Not Found')\n  },\n})\n"],"mappings":";;;;;;AAOA,SAAgBK,cAAcC,OAI3B;CACD,MAAMC,SAASH,WAAW;CAE1B,MAAMI,WAAWN,SACfK,OAAOE,OAAOC,WACbA,aAAaA,SAASF,SACxB;CACD,MAAMG,SAAST,SAASK,OAAOE,OAAOE,SAASC,UAAUA,MAAM;CAG/D,MAAMC,oBAAoBC,mBAAwC;EAChE,MAAMC,QAAQD,eAAeC;AAE7B,MAAId,WAAWc,MAAM,EAAE;AAErB,OAAIT,MAAMU,SACR,QAAOV,MAAMU,SAASD,MAAM;AAG9B,UAAOf,IAAIiB,EAAE,KAAK,MAAM,YAAY;QAGpC,OAAMF;;AAIV,QAAOf,IAAIiB,EAAEd,eAAe;EAC1Be,mBAAmB,aAAaV,SAASI,MAAK,GAAID,OAAOC;EACzDO,UAAUJ,UAAiB;AACzB,OAAId,WAAWc,MAAM;QACfT,MAAMa,QACRb,OAAMa,QAAQJ,MAAM;SAGtB,OAAMA;;EAGVK,gBAAgBP;EAChBQ,UAAUf,MAAMe;EACjB,CAAC;;AAGJ,IAAaC,wBAAwBtB,IAAIuB,gBAAgB;CACvDC,MAAM;CACNC,QAAQ;AACN,eAAazB,IAAIiB,EAAE,KAAK,MAAM,YAAY;;CAE7C,CAAC"}

package/dist/esm/router.js

@@ -1,3 +1,4 @@
+import { getStoreFactory } from "./routerStores.js";
 import { RouterCore } from "@tanstack/router-core";
 //#region src/router.ts
 var createRouter = (options) => {
@@ -5,7 +6,7 @@ var createRouter = (options) => {
 };
 var Router = class extends RouterCore {
 	constructor(options) {
-		super(options);
+		super(options, getStoreFactory);
 	}
 };
 //#endregion

package/dist/esm/router.js.map

@@ -1 +1 @@
-{"version":3,"file":"router.js","names":[],"sources":["../../src/router.ts"],"sourcesContent":["import { RouterCore } from '@tanstack/router-core'\nimport type { RouterHistory } from '@tanstack/history'\nimport type {\n  AnyRoute,\n  CreateRouterFn,\n  RouterConstructorOptions,\n  TrailingSlashOption,\n} from '@tanstack/router-core'\nimport type {\n  ErrorRouteComponent,\n  NotFoundRouteComponent,\n  RouteComponent,\n} from './route'\nimport type { VNode } from 'vue'\n\ndeclare module '@tanstack/router-core' {\n  export interface RouterOptionsExtensions {\n    /**\n     * The default `component` a route should use if no component is provided.\n     *\n     * @default Outlet\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultcomponent-property)\n     */\n    defaultComponent?: RouteComponent\n    /**\n     * The default `errorComponent` a route should use if no error component is provided.\n     *\n     * @default ErrorComponent\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaulterrorcomponent-property)\n     * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#handling-errors-with-routeoptionserrorcomponent)\n     */\n    defaultErrorComponent?: ErrorRouteComponent\n    /**\n     * The default `pendingComponent` a route should use if no pending component is provided.\n     *\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultpendingcomponent-property)\n     * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#showing-a-pending-component)\n     */\n    defaultPendingComponent?: RouteComponent\n    /**\n     * The default `notFoundComponent` a route should use if no notFound component is provided.\n     *\n     * @default NotFound\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultnotfoundcomponent-property)\n     * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/not-found-errors#default-router-wide-not-found-handling)\n     */\n    defaultNotFoundComponent?: NotFoundRouteComponent\n    /**\n     * A component that will be used to wrap the entire router.\n     *\n     * This is useful for providing a context to the entire router.\n     *\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#wrap-property)\n     */\n    Wrap?: (props: { children: any }) => VNode\n    /**\n     * A component that will be used to wrap the inner contents of the router.\n     *\n     * This is useful for providing a context to the inner contents of the router where you also need access to the router context and hooks.\n     *\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#innerwrap-property)\n     */\n    InnerWrap?: (props: { children: any }) => VNode\n\n    /**\n     * The default `onCatch` handler for errors caught by the Router ErrorBoundary\n     *\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/react/api/router/RouterOptionsType#defaultoncatch-property)\n     * @link [Guide](https://tanstack.com/router/latest/docs/framework/react/guide/data-loading#handling-errors-with-routeoptionsoncatch)\n     */\n    defaultOnCatch?: (error: Error) => void\n  }\n}\n\nexport const createRouter: CreateRouterFn = (options) => {\n  return new Router(options)\n}\n\nexport class Router<\n  in out TRouteTree extends AnyRoute,\n  in out TTrailingSlashOption extends TrailingSlashOption = 'never',\n  in out TDefaultStructuralSharingOption extends boolean = false,\n  in out TRouterHistory extends RouterHistory = RouterHistory,\n  in out TDehydrated extends Record<string, any> = Record<string, any>,\n> extends RouterCore<\n  TRouteTree,\n  TTrailingSlashOption,\n  TDefaultStructuralSharingOption,\n  TRouterHistory,\n  TDehydrated\n> {\n  constructor(\n    options: RouterConstructorOptions<\n      TRouteTree,\n      TTrailingSlashOption,\n      TDefaultStructuralSharingOption,\n      TRouterHistory,\n      TDehydrated\n    >,\n  ) {\n    super(options)\n  }\n}\n"],"mappings":";;AA0EA,IAAa,gBAAgC,YAAY;AACvD,QAAO,IAAI,OAAO,QAAQ;;AAG5B,IAAa,SAAb,cAMU,WAMR;CACA,YACE,SAOA;AACA,QAAM,QAAQ"}
+{"version":3,"file":"router.js","names":[],"sources":["../../src/router.ts"],"sourcesContent":["import { RouterCore } from '@tanstack/router-core'\nimport { getStoreFactory } from './routerStores'\nimport type { RouterHistory } from '@tanstack/history'\nimport type {\n  AnyRoute,\n  CreateRouterFn,\n  RouterConstructorOptions,\n  TrailingSlashOption,\n} from '@tanstack/router-core'\nimport type {\n  ErrorRouteComponent,\n  NotFoundRouteComponent,\n  RouteComponent,\n} from './route'\nimport type { VNode } from 'vue'\n\ndeclare module '@tanstack/router-core' {\n  export interface RouterOptionsExtensions {\n    /**\n     * The default `component` a route should use if no component is provided.\n     *\n     * @default Outlet\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultcomponent-property)\n     */\n    defaultComponent?: RouteComponent\n    /**\n     * The default `errorComponent` a route should use if no error component is provided.\n     *\n     * @default ErrorComponent\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaulterrorcomponent-property)\n     * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#handling-errors-with-routeoptionserrorcomponent)\n     */\n    defaultErrorComponent?: ErrorRouteComponent\n    /**\n     * The default `pendingComponent` a route should use if no pending component is provided.\n     *\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultpendingcomponent-property)\n     * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#showing-a-pending-component)\n     */\n    defaultPendingComponent?: RouteComponent\n    /**\n     * The default `notFoundComponent` a route should use if no notFound component is provided.\n     *\n     * @default NotFound\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultnotfoundcomponent-property)\n     * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/not-found-errors#default-router-wide-not-found-handling)\n     */\n    defaultNotFoundComponent?: NotFoundRouteComponent\n    /**\n     * A component that will be used to wrap the entire router.\n     *\n     * This is useful for providing a context to the entire router.\n     *\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#wrap-property)\n     */\n    Wrap?: (props: { children: any }) => VNode\n    /**\n     * A component that will be used to wrap the inner contents of the router.\n     *\n     * This is useful for providing a context to the inner contents of the router where you also need access to the router context and hooks.\n     *\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#innerwrap-property)\n     */\n    InnerWrap?: (props: { children: any }) => VNode\n\n    /**\n     * The default `onCatch` handler for errors caught by the Router ErrorBoundary\n     *\n     * @link [API Docs](https://tanstack.com/router/latest/docs/framework/react/api/router/RouterOptionsType#defaultoncatch-property)\n     * @link [Guide](https://tanstack.com/router/latest/docs/framework/react/guide/data-loading#handling-errors-with-routeoptionsoncatch)\n     */\n    defaultOnCatch?: (error: Error) => void\n  }\n}\n\nexport const createRouter: CreateRouterFn = (options) => {\n  return new Router(options)\n}\n\nexport class Router<\n  in out TRouteTree extends AnyRoute,\n  in out TTrailingSlashOption extends TrailingSlashOption = 'never',\n  in out TDefaultStructuralSharingOption extends boolean = false,\n  in out TRouterHistory extends RouterHistory = RouterHistory,\n  in out TDehydrated extends Record<string, any> = Record<string, any>,\n> extends RouterCore<\n  TRouteTree,\n  TTrailingSlashOption,\n  TDefaultStructuralSharingOption,\n  TRouterHistory,\n  TDehydrated\n> {\n  constructor(\n    options: RouterConstructorOptions<\n      TRouteTree,\n      TTrailingSlashOption,\n      TDefaultStructuralSharingOption,\n      TRouterHistory,\n      TDehydrated\n    >,\n  ) {\n    super(options, getStoreFactory)\n  }\n}\n"],"mappings":";;;AA2EA,IAAa,gBAAgC,YAAY;AACvD,QAAO,IAAI,OAAO,QAAQ;;AAG5B,IAAa,SAAb,cAMU,WAMR;CACA,YACE,SAOA;AACA,QAAM,SAAS,gBAAgB"}

package/dist/esm/routerStores.d.ts

@@ -0,0 +1,13 @@
+import { AnyRoute, GetStoreConfig } from '@tanstack/router-core';
+import { Readable } from '@tanstack/vue-store';
+declare module '@tanstack/router-core' {
+    interface RouterReadableStore<TValue> extends Readable<TValue> {
+    }
+    interface RouterStores<in out TRouteTree extends AnyRoute> {
+        /** Maps each active routeId to the matchId of its child in the match tree. */
+        childMatchIdByRouteId: RouterReadableStore<Record<string, string>>;
+        /** Maps each pending routeId to true for quick lookup. */
+        pendingRouteIds: RouterReadableStore<Record<string, boolean>>;
+    }
+}
+export declare const getStoreFactory: GetStoreConfig;

package/dist/esm/routerStores.js

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

package/dist/esm/routerStores.js.map

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

package/dist/esm/ssr/RouterClient.js

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

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

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

package/dist/esm/ssr/renderRouterToStream.js

@@ -34,7 +34,7 @@ var renderRouterToStream = async ({ request, router, responseHeaders, App }) =>
 		if (htmlOpenIndex !== -1 && htmlCloseIndex !== -1) fullHtml = fullHtml.slice(htmlOpenIndex, htmlCloseIndex + 7);
 		else if (htmlOpenIndex !== -1) fullHtml = fullHtml.slice(htmlOpenIndex);
 		return new Response(`<!DOCTYPE html>${fullHtml}`, {
-			status: router.state.statusCode,
+			status: router.stores.statusCode.state,
 			headers: responseHeaders
 		});
 	}
@@ -42,7 +42,7 @@ var renderRouterToStream = async ({ request, router, responseHeaders, App }) =>
 	pipeToWebWritable(app, {}, writable);
 	const responseStream = transformReadableStreamWithRouter(router, prependDoctype(readable));
 	return new Response(responseStream, {
-		status: router.state.statusCode,
+		status: router.stores.statusCode.state,
 		headers: responseHeaders
 	});
 };

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

@@ -1 +1 @@
-{"version":3,"file":"renderRouterToStream.js","names":["ReadableStream","NodeReadableStream","Vue","pipeToWebWritable","renderToString","isbot","transformReadableStreamWithRouter","prependDoctype","readable","encoder","TextEncoder","sentDoctype","start","controller","reader","getReader","pump","done","value","read","close","enqueue","encode","catch","err","error","renderRouterToStream","request","router","responseHeaders","App","app","createSSRApp","headers","get","fullHtml","htmlOpenIndex","indexOf","htmlCloseIndex","slice","Response","status","state","statusCode","writable","TransformStream","doctypedStream","responseStream"],"sources":["../../../src/ssr/renderRouterToStream.tsx"],"sourcesContent":["import { ReadableStream as NodeReadableStream } from 'node:stream/web'\nimport * as Vue from 'vue'\nimport { pipeToWebWritable, renderToString } from 'vue/server-renderer'\nimport { isbot } from 'isbot'\nimport { transformReadableStreamWithRouter } from '@tanstack/router-core/ssr/server'\nimport type { AnyRouter } from '@tanstack/router-core'\nimport type { Component } from 'vue'\n\nfunction prependDoctype(\n  readable: globalThis.ReadableStream,\n): NodeReadableStream<Uint8Array> {\n  const encoder = new TextEncoder()\n  let sentDoctype = false\n\n  return new NodeReadableStream<Uint8Array>({\n    start(controller) {\n      const reader = readable.getReader()\n\n      async function pump(): Promise<void> {\n        const { done, value } = await reader.read()\n        if (done) {\n          controller.close()\n          return\n        }\n\n        if (!sentDoctype) {\n          sentDoctype = true\n          controller.enqueue(encoder.encode('<!DOCTYPE html>'))\n        }\n        controller.enqueue(value)\n        return pump()\n      }\n\n      pump().catch((err) => controller.error(err))\n    },\n  })\n}\n\nexport const renderRouterToStream = async ({\n  request,\n  router,\n  responseHeaders,\n  App,\n}: {\n  request: Request\n  router: AnyRouter\n  responseHeaders: Headers\n  App: Component\n}) => {\n  const app = Vue.createSSRApp(App, { router })\n\n  if (isbot(request.headers.get('User-Agent'))) {\n    let fullHtml = await renderToString(app)\n\n    const htmlOpenIndex = fullHtml.indexOf('<html')\n    const htmlCloseIndex = fullHtml.indexOf('</html>')\n\n    if (htmlOpenIndex !== -1 && htmlCloseIndex !== -1) {\n      fullHtml = fullHtml.slice(htmlOpenIndex, htmlCloseIndex + 7)\n    } else if (htmlOpenIndex !== -1) {\n      fullHtml = fullHtml.slice(htmlOpenIndex)\n    }\n\n    return new Response(`<!DOCTYPE html>${fullHtml}`, {\n      status: router.state.statusCode,\n      headers: responseHeaders,\n    })\n  }\n\n  const { writable, readable } = new TransformStream()\n\n  pipeToWebWritable(app, {}, writable)\n\n  const doctypedStream = prependDoctype(readable)\n  const responseStream = transformReadableStreamWithRouter(\n    router,\n    doctypedStream,\n  )\n\n  return new Response(responseStream as any, {\n    status: router.state.statusCode,\n    headers: responseHeaders,\n  })\n}\n"],"mappings":";;;;;;AAQA,SAASO,eACPC,UACgC;CAChC,MAAMC,UAAU,IAAIC,aAAa;CACjC,IAAIC,cAAc;AAElB,QAAO,IAAIV,eAA+B,EACxCW,MAAMC,YAAY;EAChB,MAAMC,SAASN,SAASO,WAAW;EAEnC,eAAeC,OAAsB;GACnC,MAAM,EAAEC,MAAMC,UAAU,MAAMJ,OAAOK,MAAM;AAC3C,OAAIF,MAAM;AACRJ,eAAWO,OAAO;AAClB;;AAGF,OAAI,CAACT,aAAa;AAChBA,kBAAc;AACdE,eAAWQ,QAAQZ,QAAQa,OAAO,kBAAkB,CAAC;;AAEvDT,cAAWQ,QAAQH,MAAM;AACzB,UAAOF,MAAM;;AAGfA,QAAM,CAACO,OAAOC,QAAQX,WAAWY,MAAMD,IAAI,CAAC;IAE/C,CAAC;;AAGJ,IAAaE,uBAAuB,OAAO,EACzCC,SACAC,QACAC,iBACAC,UAMI;CACJ,MAAMC,MAAM7B,IAAI8B,aAAaF,KAAK,EAAEF,QAAQ,CAAC;AAE7C,KAAIvB,MAAMsB,QAAQM,QAAQC,IAAI,aAAa,CAAC,EAAE;EAC5C,IAAIC,WAAW,MAAM/B,eAAe2B,IAAI;EAExC,MAAMK,gBAAgBD,SAASE,QAAQ,QAAQ;EAC/C,MAAMC,iBAAiBH,SAASE,QAAQ,UAAU;AAElD,MAAID,kBAAkB,MAAME,mBAAmB,GAC7CH,YAAWA,SAASI,MAAMH,eAAeE,iBAAiB,EAAE;WACnDF,kBAAkB,GAC3BD,YAAWA,SAASI,MAAMH,cAAc;AAG1C,SAAO,IAAII,SAAS,kBAAkBL,YAAY;GAChDM,QAAQb,OAAOc,MAAMC;GACrBV,SAASJ;GACV,CAAC;;CAGJ,MAAM,EAAEe,UAAUpC,aAAa,IAAIqC,iBAAiB;AAEpD1C,mBAAkB4B,KAAK,EAAE,EAAEa,SAAS;CAGpC,MAAMG,iBAAiBzC,kCACrBsB,QAFqBrB,eAAeC,SAAS,CAI9C;AAED,QAAO,IAAIgC,SAASO,gBAAuB;EACzCN,QAAQb,OAAOc,MAAMC;EACrBV,SAASJ;EACV,CAAC"}
+{"version":3,"file":"renderRouterToStream.js","names":["ReadableStream","NodeReadableStream","Vue","pipeToWebWritable","renderToString","isbot","transformReadableStreamWithRouter","prependDoctype","readable","encoder","TextEncoder","sentDoctype","start","controller","reader","getReader","pump","done","value","read","close","enqueue","encode","catch","err","error","renderRouterToStream","request","router","responseHeaders","App","app","createSSRApp","headers","get","fullHtml","htmlOpenIndex","indexOf","htmlCloseIndex","slice","Response","status","stores","statusCode","state","writable","TransformStream","doctypedStream","responseStream"],"sources":["../../../src/ssr/renderRouterToStream.tsx"],"sourcesContent":["import { ReadableStream as NodeReadableStream } from 'node:stream/web'\nimport * as Vue from 'vue'\nimport { pipeToWebWritable, renderToString } from 'vue/server-renderer'\nimport { isbot } from 'isbot'\nimport { transformReadableStreamWithRouter } from '@tanstack/router-core/ssr/server'\nimport type { AnyRouter } from '@tanstack/router-core'\nimport type { Component } from 'vue'\n\nfunction prependDoctype(\n  readable: globalThis.ReadableStream,\n): NodeReadableStream<Uint8Array> {\n  const encoder = new TextEncoder()\n  let sentDoctype = false\n\n  return new NodeReadableStream<Uint8Array>({\n    start(controller) {\n      const reader = readable.getReader()\n\n      async function pump(): Promise<void> {\n        const { done, value } = await reader.read()\n        if (done) {\n          controller.close()\n          return\n        }\n\n        if (!sentDoctype) {\n          sentDoctype = true\n          controller.enqueue(encoder.encode('<!DOCTYPE html>'))\n        }\n        controller.enqueue(value)\n        return pump()\n      }\n\n      pump().catch((err) => controller.error(err))\n    },\n  })\n}\n\nexport const renderRouterToStream = async ({\n  request,\n  router,\n  responseHeaders,\n  App,\n}: {\n  request: Request\n  router: AnyRouter\n  responseHeaders: Headers\n  App: Component\n}) => {\n  const app = Vue.createSSRApp(App, { router })\n\n  if (isbot(request.headers.get('User-Agent'))) {\n    let fullHtml = await renderToString(app)\n\n    const htmlOpenIndex = fullHtml.indexOf('<html')\n    const htmlCloseIndex = fullHtml.indexOf('</html>')\n\n    if (htmlOpenIndex !== -1 && htmlCloseIndex !== -1) {\n      fullHtml = fullHtml.slice(htmlOpenIndex, htmlCloseIndex + 7)\n    } else if (htmlOpenIndex !== -1) {\n      fullHtml = fullHtml.slice(htmlOpenIndex)\n    }\n\n    return new Response(`<!DOCTYPE html>${fullHtml}`, {\n      status: router.stores.statusCode.state,\n      headers: responseHeaders,\n    })\n  }\n\n  const { writable, readable } = new TransformStream()\n\n  pipeToWebWritable(app, {}, writable)\n\n  const doctypedStream = prependDoctype(readable)\n  const responseStream = transformReadableStreamWithRouter(\n    router,\n    doctypedStream,\n  )\n\n  return new Response(responseStream as any, {\n    status: router.stores.statusCode.state,\n    headers: responseHeaders,\n  })\n}\n"],"mappings":";;;;;;AAQA,SAASO,eACPC,UACgC;CAChC,MAAMC,UAAU,IAAIC,aAAa;CACjC,IAAIC,cAAc;AAElB,QAAO,IAAIV,eAA+B,EACxCW,MAAMC,YAAY;EAChB,MAAMC,SAASN,SAASO,WAAW;EAEnC,eAAeC,OAAsB;GACnC,MAAM,EAAEC,MAAMC,UAAU,MAAMJ,OAAOK,MAAM;AAC3C,OAAIF,MAAM;AACRJ,eAAWO,OAAO;AAClB;;AAGF,OAAI,CAACT,aAAa;AAChBA,kBAAc;AACdE,eAAWQ,QAAQZ,QAAQa,OAAO,kBAAkB,CAAC;;AAEvDT,cAAWQ,QAAQH,MAAM;AACzB,UAAOF,MAAM;;AAGfA,QAAM,CAACO,OAAOC,QAAQX,WAAWY,MAAMD,IAAI,CAAC;IAE/C,CAAC;;AAGJ,IAAaE,uBAAuB,OAAO,EACzCC,SACAC,QACAC,iBACAC,UAMI;CACJ,MAAMC,MAAM7B,IAAI8B,aAAaF,KAAK,EAAEF,QAAQ,CAAC;AAE7C,KAAIvB,MAAMsB,QAAQM,QAAQC,IAAI,aAAa,CAAC,EAAE;EAC5C,IAAIC,WAAW,MAAM/B,eAAe2B,IAAI;EAExC,MAAMK,gBAAgBD,SAASE,QAAQ,QAAQ;EAC/C,MAAMC,iBAAiBH,SAASE,QAAQ,UAAU;AAElD,MAAID,kBAAkB,MAAME,mBAAmB,GAC7CH,YAAWA,SAASI,MAAMH,eAAeE,iBAAiB,EAAE;WACnDF,kBAAkB,GAC3BD,YAAWA,SAASI,MAAMH,cAAc;AAG1C,SAAO,IAAII,SAAS,kBAAkBL,YAAY;GAChDM,QAAQb,OAAOc,OAAOC,WAAWC;GACjCX,SAASJ;GACV,CAAC;;CAGJ,MAAM,EAAEgB,UAAUrC,aAAa,IAAIsC,iBAAiB;AAEpD3C,mBAAkB4B,KAAK,EAAE,EAAEc,SAAS;CAGpC,MAAMG,iBAAiB1C,kCACrBsB,QAFqBrB,eAAeC,SAAS,CAI9C;AAED,QAAO,IAAIgC,SAASQ,gBAAuB;EACzCP,QAAQb,OAAOc,OAAOC,WAAWC;EACjCX,SAASJ;EACV,CAAC"}

package/dist/esm/ssr/renderRouterToString.js

@@ -8,7 +8,7 @@ var renderRouterToString = async ({ router, responseHeaders, App }) => {
 		const injectedHtml = router.serverSsr.takeBufferedHtml();
 		if (injectedHtml) html = html.replace(`</body>`, () => `${injectedHtml}</body>`);
 		return new Response(`<!DOCTYPE html>${html}`, {
-			status: router.state.statusCode,
+			status: router.stores.statusCode.state,
 			headers: responseHeaders
 		});
 	} catch (error) {

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

@@ -1 +1 @@
-{"version":3,"file":"renderRouterToString.js","names":["Vue","renderToString","vueRenderToString","renderRouterToString","router","responseHeaders","App","app","createSSRApp","html","serverSsr","setRenderFinished","injectedHtml","takeBufferedHtml","replace","Response","status","state","statusCode","headers","error","console","cleanup"],"sources":["../../../src/ssr/renderRouterToString.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { renderToString as vueRenderToString } from 'vue/server-renderer'\nimport type { AnyRouter } from '@tanstack/router-core'\nimport type { Component } from 'vue'\n\nexport const renderRouterToString = async ({\n  router,\n  responseHeaders,\n  App,\n}: {\n  router: AnyRouter\n  responseHeaders: Headers\n  App: Component\n}) => {\n  try {\n    const app = Vue.createSSRApp(App, { router })\n\n    let html = await vueRenderToString(app)\n    router.serverSsr!.setRenderFinished()\n\n    const injectedHtml = router.serverSsr!.takeBufferedHtml()\n    if (injectedHtml) {\n      html = html.replace(`</body>`, () => `${injectedHtml}</body>`)\n    }\n\n    return new Response(`<!DOCTYPE html>${html}`, {\n      status: router.state.statusCode,\n      headers: responseHeaders,\n    })\n  } catch (error) {\n    console.error('Render to string error:', error)\n    return new Response('Internal Server Error', {\n      status: 500,\n      headers: responseHeaders,\n    })\n  } finally {\n    router.serverSsr?.cleanup()\n  }\n}\n"],"mappings":";;;AAKA,IAAaG,uBAAuB,OAAO,EACzCC,QACAC,iBACAC,UAKI;AACJ,KAAI;EAGF,IAAIG,OAAO,MAAMP,eAFLF,IAAIQ,aAAaF,KAAK,EAAEF,QAAQ,CAAC,CAEN;AACvCA,SAAOM,UAAWC,mBAAmB;EAErC,MAAMC,eAAeR,OAAOM,UAAWG,kBAAkB;AACzD,MAAID,aACFH,QAAOA,KAAKK,QAAQ,iBAAiB,GAAGF,aAAY,SAAU;AAGhE,SAAO,IAAIG,SAAS,kBAAkBN,QAAQ;GAC5CO,QAAQZ,OAAOa,MAAMC;GACrBC,SAASd;GACV,CAAC;UACKe,OAAO;AACdC,UAAQD,MAAM,2BAA2BA,MAAM;AAC/C,SAAO,IAAIL,SAAS,yBAAyB;GAC3CC,QAAQ;GACRG,SAASd;GACV,CAAC;WACM;AACRD,SAAOM,WAAWY,SAAS"}
+{"version":3,"file":"renderRouterToString.js","names":["Vue","renderToString","vueRenderToString","renderRouterToString","router","responseHeaders","App","app","createSSRApp","html","serverSsr","setRenderFinished","injectedHtml","takeBufferedHtml","replace","Response","status","stores","statusCode","state","headers","error","console","cleanup"],"sources":["../../../src/ssr/renderRouterToString.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { renderToString as vueRenderToString } from 'vue/server-renderer'\nimport type { AnyRouter } from '@tanstack/router-core'\nimport type { Component } from 'vue'\n\nexport const renderRouterToString = async ({\n  router,\n  responseHeaders,\n  App,\n}: {\n  router: AnyRouter\n  responseHeaders: Headers\n  App: Component\n}) => {\n  try {\n    const app = Vue.createSSRApp(App, { router })\n\n    let html = await vueRenderToString(app)\n    router.serverSsr!.setRenderFinished()\n\n    const injectedHtml = router.serverSsr!.takeBufferedHtml()\n    if (injectedHtml) {\n      html = html.replace(`</body>`, () => `${injectedHtml}</body>`)\n    }\n\n    return new Response(`<!DOCTYPE html>${html}`, {\n      status: router.stores.statusCode.state,\n      headers: responseHeaders,\n    })\n  } catch (error) {\n    console.error('Render to string error:', error)\n    return new Response('Internal Server Error', {\n      status: 500,\n      headers: responseHeaders,\n    })\n  } finally {\n    router.serverSsr?.cleanup()\n  }\n}\n"],"mappings":";;;AAKA,IAAaG,uBAAuB,OAAO,EACzCC,QACAC,iBACAC,UAKI;AACJ,KAAI;EAGF,IAAIG,OAAO,MAAMP,eAFLF,IAAIQ,aAAaF,KAAK,EAAEF,QAAQ,CAAC,CAEN;AACvCA,SAAOM,UAAWC,mBAAmB;EAErC,MAAMC,eAAeR,OAAOM,UAAWG,kBAAkB;AACzD,MAAID,aACFH,QAAOA,KAAKK,QAAQ,iBAAiB,GAAGF,aAAY,SAAU;AAGhE,SAAO,IAAIG,SAAS,kBAAkBN,QAAQ;GAC5CO,QAAQZ,OAAOa,OAAOC,WAAWC;GACjCC,SAASf;GACV,CAAC;UACKgB,OAAO;AACdC,UAAQD,MAAM,2BAA2BA,MAAM;AAC/C,SAAO,IAAIN,SAAS,yBAAyB;GAC3CC,QAAQ;GACRI,SAASf;GACV,CAAC;WACM;AACRD,SAAOM,WAAWa,SAAS"}

package/dist/esm/useCanGoBack.d.ts

@@ -1 +1 @@
-export declare function useCanGoBack(): import('vue').Ref<boolean, boolean>;
+export declare function useCanGoBack(): Readonly<import('vue').Ref<boolean, boolean>>;

package/dist/esm/useCanGoBack.js

@@ -1,7 +1,8 @@
-import { useRouterState } from "./useRouterState.js";
+import { useRouter } from "./useRouter.js";
+import { useStore } from "@tanstack/vue-store";
 //#region src/useCanGoBack.ts
 function useCanGoBack() {
-	return useRouterState({ select: (s) => s.location.state.__TSR_index !== 0 });
+	return useStore(useRouter().stores.location, (location) => location.state.__TSR_index !== 0);
 }
 //#endregion
 export { useCanGoBack };

package/dist/esm/useCanGoBack.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCanGoBack.js","names":[],"sources":["../../src/useCanGoBack.ts"],"sourcesContent":["import { useRouterState } from './useRouterState'\n\nexport function useCanGoBack() {\n  return useRouterState({ select: (s) => s.location.state.__TSR_index !== 0 })\n}\n"],"mappings":";;AAEA,SAAgB,eAAe;AAC7B,QAAO,eAAe,EAAE,SAAS,MAAM,EAAE,SAAS,MAAM,gBAAgB,GAAG,CAAC"}
+{"version":3,"file":"useCanGoBack.js","names":[],"sources":["../../src/useCanGoBack.ts"],"sourcesContent":["import { useStore } from '@tanstack/vue-store'\nimport { useRouter } from './useRouter'\n\nexport function useCanGoBack() {\n  const router = useRouter()\n  return useStore(\n    router.stores.location,\n    (location) => location.state.__TSR_index !== 0,\n  )\n}\n"],"mappings":";;;AAGA,SAAgB,eAAe;AAE7B,QAAO,SADQ,WAAW,CAEjB,OAAO,WACb,aAAa,SAAS,MAAM,gBAAgB,EAC9C"}

package/dist/esm/useLocation.js

@@ -1,7 +1,8 @@
-import { useRouterState } from "./useRouterState.js";
+import { useRouter } from "./useRouter.js";
+import { useStore } from "@tanstack/vue-store";
 //#region src/useLocation.tsx
 function useLocation(opts) {
-	return useRouterState({ select: (state) => opts?.select ? opts.select(state.location) : state.location });
+	return useStore(useRouter().stores.location, (location) => opts?.select ? opts.select(location) : location);
 }
 //#endregion
 export { useLocation };

package/dist/esm/useLocation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocation.js","names":["useRouterState","useLocation","opts","select","state","location"],"sources":["../../src/useLocation.tsx"],"sourcesContent":["import { useRouterState } from './useRouterState'\nimport type {\n  AnyRouter,\n  RegisteredRouter,\n  RouterState,\n} from '@tanstack/router-core'\nimport type * as Vue from 'vue'\n\nexport interface UseLocationBaseOptions<TRouter extends AnyRouter, TSelected> {\n  select?: (state: RouterState<TRouter['routeTree']>['location']) => TSelected\n}\n\nexport type UseLocationResult<\n  TRouter extends AnyRouter,\n  TSelected,\n> = unknown extends TSelected\n  ? RouterState<TRouter['routeTree']>['location']\n  : TSelected\n\nexport function useLocation<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseLocationBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseLocationResult<TRouter, TSelected>> {\n  return useRouterState({\n    select: (state: any) =>\n      opts?.select ? opts.select(state.location) : state.location,\n  } as any) as Vue.Ref<UseLocationResult<TRouter, TSelected>>\n}\n"],"mappings":";;AAmBA,SAAgBC,YAIdC,MACgD;AAChD,QAAOF,eAAe,EACpBG,SAASC,UACPF,MAAMC,SAASD,KAAKC,OAAOC,MAAMC,SAAS,GAAGD,MAAMC,UAC/C,CAAC"}
+{"version":3,"file":"useLocation.js","names":["useStore","useRouter","useLocation","opts","router","stores","location","select"],"sources":["../../src/useLocation.tsx"],"sourcesContent":["import { useStore } from '@tanstack/vue-store'\nimport { useRouter } from './useRouter'\nimport type {\n  AnyRouter,\n  RegisteredRouter,\n  RouterState,\n} from '@tanstack/router-core'\nimport type * as Vue from 'vue'\n\nexport interface UseLocationBaseOptions<TRouter extends AnyRouter, TSelected> {\n  select?: (state: RouterState<TRouter['routeTree']>['location']) => TSelected\n}\n\nexport type UseLocationResult<\n  TRouter extends AnyRouter,\n  TSelected,\n> = unknown extends TSelected\n  ? RouterState<TRouter['routeTree']>['location']\n  : TSelected\n\nexport function useLocation<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseLocationBaseOptions<TRouter, TSelected>,\n): Vue.Ref<UseLocationResult<TRouter, TSelected>> {\n  const router = useRouter<TRouter>()\n  return useStore(\n    router.stores.location,\n    (location) =>\n      (opts?.select ? opts.select(location as any) : location) as any,\n  ) as Vue.Ref<UseLocationResult<TRouter, TSelected>>\n}\n"],"mappings":";;;AAoBA,SAAgBE,YAIdC,MACgD;AAEhD,QAAOH,SADQC,WAAoB,CAE1BI,OAAOC,WACbA,aACEH,MAAMI,SAASJ,KAAKI,OAAOD,SAAgB,GAAGA,SAClD"}