@tanstack/vue-router 0.0.1 → 1.140.0

package/dist/source/RouterProvider.jsx

@@ -0,0 +1,63 @@
+import * as Vue from 'vue';
+import { Matches } from './Matches';
+import { provideRouter } from './routerContext';
+// Component that provides router context and renders children
+export const RouterContextProvider = Vue.defineComponent({
+    name: 'RouterContextProvider',
+    props: {
+        router: {
+            type: Object,
+            required: true,
+        },
+        // Rest of router options will be passed as attrs
+    },
+    setup(props, { attrs, slots }) {
+        const router = props.router;
+        const restAttrs = attrs;
+        // Allow the router to update options on the router instance
+        router.update({
+            ...router.options,
+            ...restAttrs,
+            context: {
+                ...router.options.context,
+                ...(restAttrs.context || {}),
+            },
+        });
+        // Provide router to all child components
+        provideRouter(router);
+        return () => {
+            // Get child content
+            const childContent = slots.default?.();
+            // If a Wrap component is specified in router options, use it
+            if (router.options.Wrap) {
+                const WrapComponent = router.options.Wrap;
+                return Vue.h(WrapComponent, null, () => childContent);
+            }
+            // Otherwise just return the child content
+            return childContent;
+        };
+    },
+});
+// The main router provider component that includes matches
+export const RouterProvider = Vue.defineComponent({
+    name: 'RouterProvider',
+    props: {
+        router: {
+            type: Object,
+            required: true,
+        },
+        // Rest of router options will be passed as attrs
+    },
+    setup(props, { attrs }) {
+        const restAttrs = attrs;
+        return () => {
+            return Vue.h(RouterContextProvider, {
+                router: props.router,
+                ...restAttrs,
+            }, {
+                default: () => Vue.h(Matches),
+            });
+        };
+    },
+});
+//# sourceMappingURL=RouterProvider.jsx.map

package/dist/source/RouterProvider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterProvider.jsx","sourceRoot":"","sources":["../../src/RouterProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAO/C,8DAA8D;AAC9D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAC,eAAe,CAAC;IACvD,IAAI,EAAE,uBAAuB;IAC7B,KAAK,EAAE;QACL,MAAM,EAAE;YACN,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,IAAI;SACf;QACD,iDAAiD;KAClD;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAmB,CAAA;QACxC,MAAM,SAAS,GAAG,KAA4B,CAAA;QAE9C,4DAA4D;QAC5D,MAAM,CAAC,MAAM,CAAC;YACZ,GAAG,MAAM,CAAC,OAAO;YACjB,GAAG,SAAS;YACZ,OAAO,EAAE;gBACP,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO;gBACzB,GAAG,CAAE,SAAS,CAAC,OAA+B,IAAI,EAAE,CAAC;aACtD;SACK,CAAC,CAAA;QAET,yCAAyC;QACzC,aAAa,CAAC,MAAM,CAAC,CAAA;QAErB,OAAO,GAAG,EAAE;YACV,oBAAoB;YACpB,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,EAAE,EAAE,CAAA;YAEtC,6DAA6D;YAC7D,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBACxB,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAA;gBACzC,OAAO,GAAG,CAAC,CAAC,CAAC,aAAa,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAA;YACvD,CAAC;YAED,0CAA0C;YAC1C,OAAO,YAAY,CAAA;QACrB,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEF,2DAA2D;AAC3D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC,eAAe,CAAC;IAChD,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACL,MAAM,EAAE;YACN,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,IAAI;SACf;QACD,iDAAiD;KAClD;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,MAAM,SAAS,GAAG,KAA4B,CAAA;QAE9C,OAAO,GAAG,EAAE;YACV,OAAO,GAAG,CAAC,CAAC,CACV,qBAAqB,EACrB;gBACE,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,GAAG,SAAS;aACb,EACD;gBACE,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;aAC9B,CACF,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAaA,CAAA"}

package/dist/source/SafeFragment.d.ts

@@ -0,0 +1,4 @@
+import * as Vue from 'vue';
+export declare const SafeFragment: Vue.DefineComponent<{}, () => Vue.VNode<Vue.RendererNode, Vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;

package/dist/source/SafeFragment.jsx

@@ -0,0 +1,10 @@
+import * as Vue from 'vue';
+export const SafeFragment = Vue.defineComponent({
+    name: 'SafeFragment',
+    setup(_, { slots }) {
+        return () => {
+            return Vue.h(Vue.Fragment, null, slots.default?.());
+        };
+    },
+});
+//# sourceMappingURL=SafeFragment.jsx.map

package/dist/source/SafeFragment.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeFragment.jsx","sourceRoot":"","sources":["../../src/SafeFragment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,eAAe,CAAC;IAC9C,IAAI,EAAE,cAAc;IACpB,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE;QAChB,OAAO,GAAG,EAAE;YACV,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;QACrD,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/dist/source/ScriptOnce.d.ts

@@ -0,0 +1,5 @@
+export declare function ScriptOnce({ children, log, }: {
+    children: string;
+    log?: boolean;
+    sync?: boolean;
+}): import("vue/jsx-runtime").JSX.Element | null;

package/dist/source/ScriptOnce.jsx

@@ -0,0 +1,17 @@
+import jsesc from 'jsesc';
+export function ScriptOnce({ children, log, }) {
+    if (typeof document !== 'undefined') {
+        return null;
+    }
+    return (<script class="tsr-once" innerHTML={[
+            children,
+            (log ?? true) && process.env.NODE_ENV === 'development'
+                ? `console.info(\`Injected From Server:
+${jsesc(children.toString(), { quotes: 'backtick' })}\`)`
+                : '',
+            'if (typeof __TSR_SSR__ !== "undefined") __TSR_SSR__.cleanScripts()',
+        ]
+            .filter(Boolean)
+            .join('\n')}/>);
+}
+//# sourceMappingURL=ScriptOnce.jsx.map

package/dist/source/ScriptOnce.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScriptOnce.jsx","sourceRoot":"","sources":["../../src/ScriptOnce.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,GAAG,GAKJ;IACC,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,CAAC,MAAM,CACL,KAAK,CAAC,UAAU,CAChB,SAAS,CAAC,CAAC;YACT,QAAQ;YACR,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;gBACrD,CAAC,CAAC;EACV,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,KAAK;gBAC/C,CAAC,CAAC,EAAE;YACN,oEAAoE;SACrE;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,IAAI,CAAC,CAAC,EACd,CACH,CAAA;AACH,CAAC"}

package/dist/source/Scripts.d.ts

@@ -0,0 +1 @@
+export declare const Scripts: () => import("vue/jsx-runtime").JSX.Element;

package/dist/source/Scripts.jsx

@@ -0,0 +1,49 @@
+import { Asset } from './Asset';
+import { useRouterState } from './useRouterState';
+import { useRouter } from './useRouter';
+export const Scripts = () => {
+    const router = useRouter();
+    const assetScripts = useRouterState({
+        select: (state) => {
+            const assetScripts = [];
+            const manifest = router.ssr?.manifest;
+            if (!manifest) {
+                return [];
+            }
+            state.matches
+                .map((match) => router.looseRoutesById[match.routeId])
+                .forEach((route) => manifest.routes[route.id]?.assets
+                ?.filter((d) => d.tag === 'script')
+                .forEach((asset) => {
+                assetScripts.push({
+                    tag: 'script',
+                    attrs: asset.attrs,
+                    children: asset.children,
+                });
+            }));
+            return assetScripts;
+        },
+    });
+    const scripts = useRouterState({
+        select: (state) => ({
+            scripts: state.matches
+                .map((match) => match.scripts)
+                .flat(1)
+                .filter(Boolean).map(({ children, ...script }) => ({
+                tag: 'script',
+                attrs: {
+                    ...script,
+                },
+                children,
+            })),
+        }),
+    });
+    const allScripts = [
+        ...scripts.value.scripts,
+        ...assetScripts.value,
+    ];
+    return (<>
+      {allScripts.map((asset, i) => (<Asset {...asset} key={i}/>))}
+    </>);
+};
+//# sourceMappingURL=Scripts.jsx.map

package/dist/source/Scripts.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scripts.jsx","sourceRoot":"","sources":["../../src/Scripts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,YAAY,GAAG,cAAc,CAAC;QAClC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,MAAM,YAAY,GAA4B,EAAE,CAAA;YAChD,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAA;YAErC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,OAAO,EAAE,CAAA;YACX,CAAC;YAED,KAAK,CAAC,OAAO;iBACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAE,CAAC;iBACtD,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CACjB,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,MAAM;gBAC/B,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC;iBAClC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACjB,YAAY,CAAC,IAAI,CAAC;oBAChB,GAAG,EAAE,QAAQ;oBACb,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ;iBAClB,CAAC,CAAA;YACX,CAAC,CAAC,CACL,CAAA;YAEH,OAAO,YAAY,CAAA;QACrB,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,cAAc,CAAC;QAC7B,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAClB,OAAO,EACL,KAAK,CAAC,OAAO;iBACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAQ,CAAC;iBAC9B,IAAI,CAAC,CAAC,CAAC;iBACP,MAAM,CAAC,OAAO,CAClB,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;gBAClC,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE;oBACL,GAAG,MAAM;iBACV;gBACD,QAAQ;aACT,CAAC,CAAC;SACJ,CAAC;KACH,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG;QACjB,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;QACxB,GAAG,YAAY,CAAC,KAAK;KACK,CAAA;IAE5B,OAAO,CACL,EACE;MAAA,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAG,CAC7B,CAAC,CACJ;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/source/ScrollRestoration.d.ts

@@ -0,0 +1,14 @@
+import type { ParsedLocation, ScrollRestorationEntry, ScrollRestorationOptions } from '@tanstack/router-core';
+/**
+ * @deprecated use createRouter's `scrollRestoration` option instead
+ */
+export declare function ScrollRestoration(_props: ScrollRestorationOptions): null;
+export declare function useElementScrollRestoration(options: ({
+    id: string;
+    getElement?: () => Window | Element | undefined | null;
+} | {
+    id?: string;
+    getElement: () => Window | Element | undefined | null;
+}) & {
+    getKey?: (location: ParsedLocation) => string;
+}): ScrollRestorationEntry | undefined;

package/dist/source/ScrollRestoration.jsx

@@ -0,0 +1,37 @@
+import { defaultGetScrollRestorationKey, getCssSelector, scrollRestorationCache, setupScrollRestoration, } from '@tanstack/router-core';
+import { useRouter } from './useRouter';
+function useScrollRestoration() {
+    const router = useRouter();
+    setupScrollRestoration(router, true);
+}
+/**
+ * @deprecated use createRouter's `scrollRestoration` option instead
+ */
+export function ScrollRestoration(_props) {
+    useScrollRestoration();
+    if (process.env.NODE_ENV === 'development') {
+        console.warn("The ScrollRestoration component is deprecated. Use createRouter's `scrollRestoration` option instead.");
+    }
+    return null;
+}
+export function useElementScrollRestoration(options) {
+    useScrollRestoration();
+    const router = useRouter();
+    const getKey = options.getKey || defaultGetScrollRestorationKey;
+    let elementSelector = '';
+    if (options.id) {
+        elementSelector = `[data-scroll-restoration-id="${options.id}"]`;
+    }
+    else {
+        const element = options.getElement?.();
+        if (!element) {
+            return;
+        }
+        elementSelector =
+            element instanceof Window ? 'window' : getCssSelector(element);
+    }
+    const restoreKey = getKey(router.latestLocation);
+    const byKey = scrollRestorationCache?.state[restoreKey];
+    return byKey?.[elementSelector];
+}
+//# sourceMappingURL=ScrollRestoration.jsx.map

package/dist/source/ScrollRestoration.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollRestoration.jsx","sourceRoot":"","sources":["../../src/ScrollRestoration.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,cAAc,EACd,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAOvC,SAAS,oBAAoB;IAC3B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,sBAAsB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;AACtC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAAgC;IAChE,oBAAoB,EAAE,CAAA;IAEtB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;QAC3C,OAAO,CAAC,IAAI,CACV,uGAAuG,CACxG,CAAA;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,2BAA2B,CACzC,OAWC;IAED,oBAAoB,EAAE,CAAA;IAEtB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,8BAA8B,CAAA;IAE/D,IAAI,eAAe,GAAG,EAAE,CAAA;IAExB,IAAI,OAAO,CAAC,EAAE,EAAE,CAAC;QACf,eAAe,GAAG,gCAAgC,OAAO,CAAC,EAAE,IAAI,CAAA;IAClE,CAAC;SAAM,CAAC;QACN,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,EAAE,EAAE,CAAA;QACtC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAM;QACR,CAAC;QACD,eAAe;YACb,OAAO,YAAY,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;IAClE,CAAC;IAED,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;IAChD,MAAM,KAAK,GAAG,sBAAsB,EAAE,KAAK,CAAC,UAAU,CAAC,CAAA;IACvD,OAAO,KAAK,EAAE,CAAC,eAAe,CAAC,CAAA;AACjC,CAAC"}

package/dist/source/Transitioner.d.ts

@@ -0,0 +1,2 @@
+import * as Vue from 'vue';
+export declare const Transitioner: Vue.DefineComponent<{}, () => null, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;

package/dist/source/Transitioner.jsx

@@ -0,0 +1,181 @@
+import * as Vue from 'vue';
+import { getLocationChangeInfo, handleHashScroll, trimPathRight, } from '@tanstack/router-core';
+import { useRouter } from './useRouter';
+import { useRouterState } from './useRouterState';
+import { usePrevious } from './utils';
+export const Transitioner = Vue.defineComponent({
+    name: 'Transitioner',
+    setup() {
+        const router = useRouter();
+        let mountLoadForRouter = { router, mounted: false };
+        if (router.isServer) {
+            return () => null;
+        }
+        const isLoading = useRouterState({
+            select: ({ isLoading }) => isLoading,
+        });
+        // Track if we're in a transition - using a ref to track async transitions
+        const isTransitioning = Vue.ref(false);
+        // Track pending state changes
+        const hasPendingMatches = useRouterState({
+            select: (s) => s.matches.some((d) => d.status === 'pending'),
+        });
+        const previousIsLoading = usePrevious(() => isLoading.value);
+        const isAnyPending = Vue.computed(() => isLoading.value || isTransitioning.value || hasPendingMatches.value);
+        const previousIsAnyPending = usePrevious(() => isAnyPending.value);
+        const isPagePending = Vue.computed(() => isLoading.value || hasPendingMatches.value);
+        const previousIsPagePending = usePrevious(() => isPagePending.value);
+        // Implement startTransition similar to React/Solid
+        // Vue doesn't have a native useTransition like React 18, so we simulate it
+        // We also update the router state's isTransitioning flag so useMatch can check it
+        router.startTransition = (fn) => {
+            isTransitioning.value = true;
+            // Also update the router state so useMatch knows we're transitioning
+            try {
+                router.__store.setState((s) => ({ ...s, isTransitioning: true }));
+            }
+            catch {
+                // Ignore errors if component is unmounted
+            }
+            // Helper to end the transition
+            const endTransition = () => {
+                // Use nextTick to ensure Vue has processed all reactive updates
+                Vue.nextTick(() => {
+                    try {
+                        isTransitioning.value = false;
+                        router.__store.setState((s) => ({ ...s, isTransitioning: false }));
+                    }
+                    catch {
+                        // Ignore errors if component is unmounted
+                    }
+                });
+            };
+            // Execute the function synchronously
+            // The function internally may call startViewTransition which schedules async work
+            // via document.startViewTransition, but we don't need to wait for it here
+            // because Vue's reactivity will trigger re-renders when state changes
+            fn();
+            // End the transition on next tick to allow Vue to process reactive updates
+            endTransition();
+        };
+        // For Vue, we need to completely override startViewTransition because Vue's
+        // async rendering doesn't work well with the View Transitions API's requirement
+        // for synchronous DOM updates. The browser expects the DOM to be updated
+        // when the callback promise resolves, but Vue updates asynchronously.
+        //
+        // Our approach: Skip the actual view transition animation but still update state.
+        // This ensures navigation works correctly even without the visual transition.
+        // In the future, we could explore using viewTransition.captured like vue-view-transitions does.
+        router.startViewTransition = (fn) => {
+            // Just run the callback directly without wrapping in document.startViewTransition
+            // This ensures the state updates happen and Vue can render them normally
+            fn();
+        };
+        // Subscribe to location changes
+        // and try to load the new location
+        let unsubscribe;
+        Vue.onMounted(() => {
+            unsubscribe = router.history.subscribe(router.load);
+            const nextLocation = router.buildLocation({
+                to: router.latestLocation.pathname,
+                search: true,
+                params: true,
+                hash: true,
+                state: true,
+                _includeValidateSearch: true,
+            });
+            if (trimPathRight(router.latestLocation.href) !==
+                trimPathRight(nextLocation.href)) {
+                router.commitLocation({ ...nextLocation, replace: true });
+            }
+        });
+        // Track if component is mounted to prevent updates after unmount
+        const isMounted = Vue.ref(false);
+        Vue.onMounted(() => {
+            isMounted.value = true;
+        });
+        Vue.onUnmounted(() => {
+            isMounted.value = false;
+            if (unsubscribe) {
+                unsubscribe();
+            }
+        });
+        // Try to load the initial location
+        Vue.onMounted(() => {
+            if ((typeof window !== 'undefined' && router.ssr) ||
+                (mountLoadForRouter.router === router && mountLoadForRouter.mounted)) {
+                return;
+            }
+            mountLoadForRouter = { router, mounted: true };
+            const tryLoad = async () => {
+                try {
+                    await router.load();
+                }
+                catch (err) {
+                    console.error(err);
+                }
+            };
+            tryLoad();
+        });
+        // Setup watchers for emitting events
+        // All watchers check isMounted to prevent updates after unmount
+        Vue.watch(() => isLoading.value, (newValue) => {
+            if (!isMounted.value)
+                return;
+            try {
+                if (previousIsLoading.value.previous && !newValue) {
+                    router.emit({
+                        type: 'onLoad',
+                        ...getLocationChangeInfo(router.state),
+                    });
+                }
+            }
+            catch {
+                // Ignore errors if component is unmounted
+            }
+        });
+        Vue.watch(isPagePending, (newValue) => {
+            if (!isMounted.value)
+                return;
+            try {
+                // emit onBeforeRouteMount
+                if (previousIsPagePending.value.previous && !newValue) {
+                    router.emit({
+                        type: 'onBeforeRouteMount',
+                        ...getLocationChangeInfo(router.state),
+                    });
+                }
+            }
+            catch {
+                // Ignore errors if component is unmounted
+            }
+        });
+        Vue.watch(isAnyPending, (newValue) => {
+            if (!isMounted.value)
+                return;
+            try {
+                // The router was pending and now it's not
+                if (previousIsAnyPending.value.previous && !newValue) {
+                    const changeInfo = getLocationChangeInfo(router.state);
+                    router.emit({
+                        type: 'onResolved',
+                        ...changeInfo,
+                    });
+                    router.__store.setState((s) => ({
+                        ...s,
+                        status: 'idle',
+                        resolvedLocation: s.location,
+                    }));
+                    if (changeInfo.hrefChanged) {
+                        handleHashScroll(router);
+                    }
+                }
+            }
+            catch {
+                // Ignore errors if component is unmounted
+            }
+        });
+        return () => null;
+    },
+});
+//# sourceMappingURL=Transitioner.jsx.map

package/dist/source/Transitioner.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transitioner.jsx","sourceRoot":"","sources":["../../src/Transitioner.tsx"],"names":[],"mappings":"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"}

package/dist/source/awaited.d.ts

@@ -0,0 +1,12 @@
+import * as Vue from 'vue';
+import type { DeferredPromise } from '@tanstack/router-core';
+export type AwaitOptions<T> = {
+    promise: Promise<T>;
+};
+export declare function useAwaited<T>({ promise: _promise, }: AwaitOptions<T>): [T, DeferredPromise<T>];
+export declare function Await<T>(props: AwaitOptions<T> & {
+    fallback?: Vue.VNode;
+    children: (result: T) => Vue.VNode;
+}): () => Vue.VNode<Vue.RendererNode, Vue.RendererElement, {
+    [key: string]: any;
+}> | undefined;

package/dist/source/awaited.jsx

@@ -0,0 +1,38 @@
+import * as Vue from 'vue';
+import { TSR_DEFERRED_PROMISE, defer } from '@tanstack/router-core';
+export function useAwaited({ promise: _promise, }) {
+    const promise = defer(_promise);
+    if (promise[TSR_DEFERRED_PROMISE].status === 'pending') {
+        throw promise;
+    }
+    if (promise[TSR_DEFERRED_PROMISE].status === 'error') {
+        throw promise[TSR_DEFERRED_PROMISE].error;
+    }
+    return [promise[TSR_DEFERRED_PROMISE].data, promise];
+}
+export function Await(props) {
+    const data = Vue.ref(null);
+    const error = Vue.ref(null);
+    const pending = Vue.ref(true);
+    Vue.watchEffect(async () => {
+        pending.value = true;
+        try {
+            data.value = await props.promise;
+        }
+        catch (err) {
+            error.value = err;
+        }
+        finally {
+            pending.value = false;
+        }
+    });
+    const inner = Vue.computed(() => {
+        if (error.value)
+            throw error.value;
+        if (pending.value)
+            return props.fallback;
+        return props.children(data.value);
+    });
+    return () => inner.value;
+}
+//# sourceMappingURL=awaited.jsx.map

package/dist/source/awaited.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"awaited.jsx","sourceRoot":"","sources":["../../src/awaited.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAA;AAE1B,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAOnE,MAAM,UAAU,UAAU,CAAI,EAC5B,OAAO,EAAE,QAAQ,GACD;IAChB,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;IAE/B,IAAI,OAAO,CAAC,oBAAoB,CAAC,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QACvD,MAAM,OAAO,CAAA;IACf,CAAC;IAED,IAAI,OAAO,CAAC,oBAAoB,CAAC,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QACrD,MAAM,OAAO,CAAC,oBAAoB,CAAC,CAAC,KAAK,CAAA;IAC3C,CAAC;IAED,OAAO,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;AACtD,CAAC;AAED,MAAM,UAAU,KAAK,CACnB,KAGC;IAED,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAW,IAAI,CAAC,CAAA;IACpC,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAe,IAAI,CAAC,CAAA;IACzC,MAAM,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IAE7B,GAAG,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACzB,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;QACpB,IAAI,CAAC;YACH,IAAI,CAAC,KAAK,GAAG,MAAM,KAAK,CAAC,OAAO,CAAA;QAClC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,GAAY,CAAA;QAC5B,CAAC;gBAAS,CAAC;YACT,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;QACvB,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE;QAC9B,IAAI,KAAK,CAAC,KAAK;YAAE,MAAM,KAAK,CAAC,KAAK,CAAA;QAClC,IAAI,OAAO,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC,QAAQ,CAAA;QACxC,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAU,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAA;AAC1B,CAAC"}

package/dist/source/fileRoute.d.ts

@@ -0,0 +1,54 @@
+import type { UseParamsRoute } from './useParams';
+import type { UseMatchRoute } from './useMatch';
+import type { UseSearchRoute } from './useSearch';
+import type { AnyContext, AnyRoute, AnyRouter, Constrain, ConstrainLiteral, FileBaseRouteOptions, FileRoutesByPath, LazyRouteOptions, Register, RegisteredRouter, ResolveParams, Route, RouteById, RouteConstraints, RouteIds, RouteLoaderFn, UpdatableRouteOptions, UseNavigateResult } from '@tanstack/router-core';
+import type { UseLoaderDepsRoute } from './useLoaderDeps';
+import type { UseLoaderDataRoute } from './useLoaderData';
+import type { UseRouteContextRoute } from './useRouteContext';
+export declare function createFileRoute<TFilePath extends keyof FileRoutesByPath, TParentRoute extends AnyRoute = FileRoutesByPath[TFilePath]['parentRoute'], TId extends RouteConstraints['TId'] = FileRoutesByPath[TFilePath]['id'], TPath extends RouteConstraints['TPath'] = FileRoutesByPath[TFilePath]['path'], TFullPath extends RouteConstraints['TFullPath'] = FileRoutesByPath[TFilePath]['fullPath']>(path?: TFilePath): FileRoute<TFilePath, TParentRoute, TId, TPath, TFullPath>['createRoute'];
+/**
+  @deprecated It's no longer recommended to use the `FileRoute` class directly.
+  Instead, use `createFileRoute('/path/to/file')(options)` to create a file route.
+*/
+export declare class FileRoute<TFilePath extends keyof FileRoutesByPath, TParentRoute extends AnyRoute = FileRoutesByPath[TFilePath]['parentRoute'], TId extends RouteConstraints['TId'] = FileRoutesByPath[TFilePath]['id'], TPath extends RouteConstraints['TPath'] = FileRoutesByPath[TFilePath]['path'], TFullPath extends RouteConstraints['TFullPath'] = FileRoutesByPath[TFilePath]['fullPath']> {
+    path?: TFilePath | undefined;
+    silent?: boolean;
+    constructor(path?: TFilePath | undefined, _opts?: {
+        silent: boolean;
+    });
+    createRoute: <TRegister = Register, TSearchValidator = undefined, TParams = ResolveParams<TPath>, TRouteContextFn = AnyContext, TBeforeLoadFn = AnyContext, TLoaderDeps extends Record<string, any> = {}, TLoaderFn = undefined, TChildren = unknown, TSSR = unknown, TMiddlewares = unknown, THandlers = undefined>(options?: FileBaseRouteOptions<TRegister, TParentRoute, TId, TPath, TSearchValidator, TParams, TLoaderDeps, TLoaderFn, AnyContext, TRouteContextFn, TBeforeLoadFn, AnyContext, TSSR, TMiddlewares, THandlers> & UpdatableRouteOptions<TParentRoute, TId, TFullPath, TParams, TSearchValidator, TLoaderFn, TLoaderDeps, AnyContext, TRouteContextFn, TBeforeLoadFn>) => Route<TRegister, TParentRoute, TPath, TFullPath, TFilePath, TId, TSearchValidator, TParams, AnyContext, TRouteContextFn, TBeforeLoadFn, TLoaderDeps, TLoaderFn, TChildren, unknown, TSSR, TMiddlewares, THandlers>;
+}
+/**
+  @deprecated It's recommended not to split loaders into separate files.
+  Instead, place the loader function in the the main route file, inside the
+  `createFileRoute('/path/to/file)(options)` options.
+*/
+export declare function FileRouteLoader<TFilePath extends keyof FileRoutesByPath, TRoute extends FileRoutesByPath[TFilePath]['preLoaderRoute']>(_path: TFilePath): <TLoaderFn>(loaderFn: Constrain<TLoaderFn, RouteLoaderFn<Register, TRoute['parentRoute'], TRoute['types']['id'], TRoute['types']['params'], TRoute['types']['loaderDeps'], TRoute['types']['routerContext'], TRoute['types']['routeContextFn'], TRoute['types']['beforeLoadFn']>>) => TLoaderFn;
+declare module '@tanstack/router-core' {
+    interface LazyRoute<in out TRoute extends AnyRoute> {
+        useMatch: UseMatchRoute<TRoute['id']>;
+        useRouteContext: UseRouteContextRoute<TRoute['id']>;
+        useSearch: UseSearchRoute<TRoute['id']>;
+        useParams: UseParamsRoute<TRoute['id']>;
+        useLoaderDeps: UseLoaderDepsRoute<TRoute['id']>;
+        useLoaderData: UseLoaderDataRoute<TRoute['id']>;
+        useNavigate: () => UseNavigateResult<TRoute['fullPath']>;
+    }
+}
+export declare class LazyRoute<TRoute extends AnyRoute> {
+    options: {
+        id: string;
+    } & LazyRouteOptions;
+    constructor(opts: {
+        id: string;
+    } & LazyRouteOptions);
+    useMatch: UseMatchRoute<TRoute['id']>;
+    useRouteContext: UseRouteContextRoute<TRoute['id']>;
+    useSearch: UseSearchRoute<TRoute['id']>;
+    useParams: UseParamsRoute<TRoute['id']>;
+    useLoaderDeps: UseLoaderDepsRoute<TRoute['id']>;
+    useLoaderData: UseLoaderDataRoute<TRoute['id']>;
+    useNavigate: () => UseNavigateResult<TRoute["fullPath"]>;
+}
+export declare function createLazyRoute<TRouter extends AnyRouter = RegisteredRouter, TId extends string = string, TRoute extends AnyRoute = RouteById<TRouter['routeTree'], TId>>(id: ConstrainLiteral<TId, RouteIds<TRouter['routeTree']>>): (opts: LazyRouteOptions) => LazyRoute<TRoute>;
+export declare function createLazyFileRoute<TFilePath extends keyof FileRoutesByPath, TRoute extends FileRoutesByPath[TFilePath]['preLoaderRoute']>(id: TFilePath): (opts: LazyRouteOptions) => LazyRoute<TRoute>;

package/dist/source/fileRoute.js

@@ -0,0 +1,98 @@
+import warning from 'tiny-warning';
+import { createRoute } from './route';
+import { useMatch } from './useMatch';
+import { useLoaderDeps } from './useLoaderDeps';
+import { useLoaderData } from './useLoaderData';
+import { useSearch } from './useSearch';
+import { useParams } from './useParams';
+import { useNavigate } from './useNavigate';
+import { useRouter } from './useRouter';
+export function createFileRoute(path) {
+    if (typeof path === 'object') {
+        return new FileRoute(path, {
+            silent: true,
+        }).createRoute(path);
+    }
+    return new FileRoute(path, {
+        silent: true,
+    }).createRoute;
+}
+/**
+  @deprecated It's no longer recommended to use the `FileRoute` class directly.
+  Instead, use `createFileRoute('/path/to/file')(options)` to create a file route.
+*/
+export class FileRoute {
+    constructor(path, _opts) {
+        this.path = path;
+        this.createRoute = (options) => {
+            warning(this.silent, 'FileRoute is deprecated and will be removed in the next major version. Use the createFileRoute(path)(options) function instead.');
+            const route = createRoute(options);
+            route.isRoot = false;
+            return route;
+        };
+        this.silent = _opts?.silent;
+    }
+}
+/**
+  @deprecated It's recommended not to split loaders into separate files.
+  Instead, place the loader function in the the main route file, inside the
+  `createFileRoute('/path/to/file)(options)` options.
+*/
+export function FileRouteLoader(_path) {
+    warning(false, `FileRouteLoader is deprecated and will be removed in the next major version. Please place the loader function in the the main route file, inside the \`createFileRoute('/path/to/file')(options)\` options`);
+    return (loaderFn) => loaderFn;
+}
+export class LazyRoute {
+    constructor(opts) {
+        this.useMatch = (opts) => {
+            return useMatch({
+                select: opts?.select,
+                from: this.options.id,
+            });
+        };
+        this.useRouteContext = (opts) => {
+            return useMatch({
+                from: this.options.id,
+                select: (d) => (opts?.select ? opts.select(d.context) : d.context),
+            });
+        };
+        this.useSearch = (opts) => {
+            return useSearch({
+                select: opts?.select,
+                from: this.options.id,
+            });
+        };
+        this.useParams = (opts) => {
+            return useParams({
+                select: opts?.select,
+                from: this.options.id,
+            });
+        };
+        this.useLoaderDeps = (opts) => {
+            return useLoaderDeps({ ...opts, from: this.options.id });
+        };
+        this.useLoaderData = (opts) => {
+            return useLoaderData({ ...opts, from: this.options.id });
+        };
+        this.useNavigate = () => {
+            const router = useRouter();
+            return useNavigate({ from: router.routesById[this.options.id].fullPath });
+        };
+        this.options = opts;
+    }
+}
+export function createLazyRoute(id) {
+    return (opts) => {
+        return new LazyRoute({
+            id: id,
+            ...opts,
+        });
+    };
+}
+export function createLazyFileRoute(id) {
+    if (typeof id === 'object') {
+        return new LazyRoute(id);
+    }
+    return (opts) => new LazyRoute({ id, ...opts });
+}
+//# sourceMappingURL=fileRoute.js.map