@tanstack/vue-router 1.167.1 → 1.167.2

package/dist/esm/Transitioner.js

@@ -1,172 +1,154 @@
-import * as Vue from "vue";
-import { trimPathRight, getLocationChangeInfo, handleHashScroll } from "@tanstack/router-core";
-import { isServer } from "@tanstack/router-core/isServer";
 import { useRouter } from "./useRouter.js";
 import { useRouterState } from "./useRouterState.js";
 import { usePrevious } from "./utils.js";
-let mountLoadForRouter = {
-  router: null,
-  mounted: false
+import { getLocationChangeInfo, handleHashScroll, trimPathRight } from "@tanstack/router-core";
+import * as Vue from "vue";
+import { isServer } from "@tanstack/router-core/isServer";
+//#region src/Transitioner.tsx
+var mountLoadForRouter = {
+	router: null,
+	mounted: false
 };
+/**
+* Composable that sets up router transition logic.
+* This is called from MatchesContent to set up:
+* - router.startTransition
+* - router.startViewTransition
+* - History subscription
+* - Router event watchers
+*
+* Must be called during component setup phase.
+*/
 function useTransitionerSetup() {
-  const router = useRouter();
-  if (isServer ?? router.isServer) {
-    return;
-  }
-  const isLoading = useRouterState({
-    select: ({
-      isLoading: isLoading2
-    }) => isLoading2
-  });
-  const isTransitioning = Vue.ref(false);
-  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);
-  router.startTransition = (fn) => {
-    isTransitioning.value = true;
-    try {
-      router.__store.setState((s) => ({
-        ...s,
-        isTransitioning: true
-      }));
-    } catch {
-    }
-    const endTransition = () => {
-      Vue.nextTick(() => {
-        try {
-          isTransitioning.value = false;
-          router.__store.setState((s) => ({
-            ...s,
-            isTransitioning: false
-          }));
-        } catch {
-        }
-      });
-    };
-    fn();
-    endTransition();
-  };
-  const originalStartViewTransition = router.__tsrOriginalStartViewTransition ?? router.startViewTransition;
-  router.__tsrOriginalStartViewTransition = originalStartViewTransition;
-  router.startViewTransition = (fn) => {
-    return originalStartViewTransition?.(async () => {
-      await fn();
-      await Vue.nextTick();
-    });
-  };
-  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.publicHref) !== trimPathRight(nextLocation.publicHref)) {
-      router.commitLocation({
-        ...nextLocation,
-        replace: true
-      });
-    }
-  });
-  const isMounted = Vue.ref(false);
-  Vue.onMounted(() => {
-    isMounted.value = true;
-    if (!isAnyPending.value) {
-      router.__store.setState((s) => s.status === "pending" ? {
-        ...s,
-        status: "idle",
-        resolvedLocation: s.location
-      } : s);
-    }
-  });
-  Vue.onUnmounted(() => {
-    isMounted.value = false;
-    if (unsubscribe) {
-      unsubscribe();
-    }
-  });
-  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();
-  });
-  Vue.watch(() => isLoading.value, (newValue) => {
-    if (!isMounted.value) return;
-    try {
-      if (previousIsLoading.value.previous && !newValue) {
-        router.emit({
-          type: "onLoad",
-          ...getLocationChangeInfo(router.state)
-        });
-      }
-    } catch {
-    }
-  });
-  Vue.watch(isPagePending, (newValue) => {
-    if (!isMounted.value) return;
-    try {
-      if (previousIsPagePending.value.previous && !newValue) {
-        router.emit({
-          type: "onBeforeRouteMount",
-          ...getLocationChangeInfo(router.state)
-        });
-      }
-    } catch {
-    }
-  });
-  Vue.watch(isAnyPending, (newValue) => {
-    if (!isMounted.value) return;
-    try {
-      if (!newValue && router.__store.state.status === "pending") {
-        router.__store.setState((s) => ({
-          ...s,
-          status: "idle",
-          resolvedLocation: s.location
-        }));
-      }
-      if (previousIsAnyPending.value.previous && !newValue) {
-        const changeInfo = getLocationChangeInfo(router.state);
-        router.emit({
-          type: "onResolved",
-          ...changeInfo
-        });
-        if (changeInfo.hrefChanged) {
-          handleHashScroll(router);
-        }
-      }
-    } catch {
-    }
-  });
+	const router = useRouter();
+	if (isServer ?? router.isServer) return;
+	const isLoading = useRouterState({ select: ({ isLoading }) => isLoading });
+	const isTransitioning = Vue.ref(false);
+	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);
+	router.startTransition = (fn) => {
+		isTransitioning.value = true;
+		try {
+			router.__store.setState((s) => ({
+				...s,
+				isTransitioning: true
+			}));
+		} catch {}
+		const endTransition = () => {
+			Vue.nextTick(() => {
+				try {
+					isTransitioning.value = false;
+					router.__store.setState((s) => ({
+						...s,
+						isTransitioning: false
+					}));
+				} catch {}
+			});
+		};
+		fn();
+		endTransition();
+	};
+	const originalStartViewTransition = router.__tsrOriginalStartViewTransition ?? router.startViewTransition;
+	router.__tsrOriginalStartViewTransition = originalStartViewTransition;
+	router.startViewTransition = (fn) => {
+		return originalStartViewTransition?.(async () => {
+			await fn();
+			await Vue.nextTick();
+		});
+	};
+	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.publicHref) !== trimPathRight(nextLocation.publicHref)) router.commitLocation({
+			...nextLocation,
+			replace: true
+		});
+	});
+	const isMounted = Vue.ref(false);
+	Vue.onMounted(() => {
+		isMounted.value = true;
+		if (!isAnyPending.value) router.__store.setState((s) => s.status === "pending" ? {
+			...s,
+			status: "idle",
+			resolvedLocation: s.location
+		} : s);
+	});
+	Vue.onUnmounted(() => {
+		isMounted.value = false;
+		if (unsubscribe) unsubscribe();
+	});
+	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();
+	});
+	Vue.watch(() => isLoading.value, (newValue) => {
+		if (!isMounted.value) return;
+		try {
+			if (previousIsLoading.value.previous && !newValue) router.emit({
+				type: "onLoad",
+				...getLocationChangeInfo(router.state)
+			});
+		} catch {}
+	});
+	Vue.watch(isPagePending, (newValue) => {
+		if (!isMounted.value) return;
+		try {
+			if (previousIsPagePending.value.previous && !newValue) router.emit({
+				type: "onBeforeRouteMount",
+				...getLocationChangeInfo(router.state)
+			});
+		} catch {}
+	});
+	Vue.watch(isAnyPending, (newValue) => {
+		if (!isMounted.value) return;
+		try {
+			if (!newValue && router.__store.state.status === "pending") router.__store.setState((s) => ({
+				...s,
+				status: "idle",
+				resolvedLocation: s.location
+			}));
+			if (previousIsAnyPending.value.previous && !newValue) {
+				const changeInfo = getLocationChangeInfo(router.state);
+				router.emit({
+					type: "onResolved",
+					...changeInfo
+				});
+				if (changeInfo.hrefChanged) handleHashScroll(router);
+			}
+		} catch {}
+	});
 }
 Vue.defineComponent({
-  name: "Transitioner",
-  setup() {
-    useTransitionerSetup();
-    return () => null;
-  }
+	name: "Transitioner",
+	setup() {
+		useTransitionerSetup();
+		return () => null;
+	}
 });
-export {
-  useTransitionerSetup
-};
-//# sourceMappingURL=Transitioner.js.map
+//#endregion
+export { useTransitionerSetup };
+
+//# sourceMappingURL=Transitioner.js.map

package/dist/esm/Transitioner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transitioner.js","sources":["../../src/Transitioner.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  getLocationChangeInfo,\n  handleHashScroll,\n  trimPathRight,\n} from '@tanstack/router-core'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { useRouter } from './useRouter'\nimport { useRouterState } from './useRouterState'\nimport { usePrevious } from './utils'\n\n// Track mount state per router to avoid double-loading\nlet mountLoadForRouter = { router: null as any, mounted: false }\n\n/**\n * Composable that sets up router transition logic.\n * This is called from MatchesContent to set up:\n * - router.startTransition\n * - router.startViewTransition\n * - History subscription\n * - Router event watchers\n *\n * Must be called during component setup phase.\n */\nexport function useTransitionerSetup() {\n  const router = useRouter()\n\n  // Skip on server - no transitions needed\n  if (isServer ?? router.isServer) {\n    return\n  }\n\n  const isLoading = useRouterState({\n    select: ({ isLoading }) => isLoading,\n  })\n\n  // Track if we're in a transition - using a ref to track async transitions\n  const isTransitioning = Vue.ref(false)\n\n  // Track pending state changes\n  const hasPendingMatches = useRouterState({\n    select: (s) => s.matches.some((d) => d.status === 'pending'),\n  })\n\n  const previousIsLoading = usePrevious(() => isLoading.value)\n\n  const isAnyPending = Vue.computed(\n    () => isLoading.value || isTransitioning.value || hasPendingMatches.value,\n  )\n  const previousIsAnyPending = usePrevious(() => isAnyPending.value)\n\n  const isPagePending = Vue.computed(\n    () => isLoading.value || hasPendingMatches.value,\n  )\n  const previousIsPagePending = usePrevious(() => isPagePending.value)\n\n  // Implement startTransition similar to React/Solid\n  // Vue doesn't have a native useTransition like React 18, so we simulate it\n  // We also update the router state's isTransitioning flag so useMatch can check it\n  router.startTransition = (fn: () => void | Promise<void>) => {\n    isTransitioning.value = true\n    // Also update the router state so useMatch knows we're transitioning\n    try {\n      router.__store.setState((s) => ({ ...s, isTransitioning: true }))\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n\n    // Helper to end the transition\n    const endTransition = () => {\n      // Use nextTick to ensure Vue has processed all reactive updates\n      Vue.nextTick(() => {\n        try {\n          isTransitioning.value = false\n          router.__store.setState((s) => ({ ...s, isTransitioning: false }))\n        } catch {\n          // Ignore errors if component is unmounted\n        }\n      })\n    }\n\n    // Execute the function synchronously\n    // The function internally may call startViewTransition which schedules async work\n    // via document.startViewTransition, but we don't need to wait for it here\n    // because Vue's reactivity will trigger re-renders when state changes\n    fn()\n\n    // End the transition on next tick to allow Vue to process reactive updates\n    endTransition()\n  }\n\n  // Vue updates DOM asynchronously (next tick). The View Transitions API expects the\n  // update callback promise to resolve only after the DOM has been updated.\n  // Wrap the router-core implementation to await a Vue flush before resolving.\n  const originalStartViewTransition:\n    | undefined\n    | ((fn: () => Promise<void>) => void) =\n    (router as any).__tsrOriginalStartViewTransition ??\n    router.startViewTransition\n\n  ;(router as any).__tsrOriginalStartViewTransition =\n    originalStartViewTransition\n\n  router.startViewTransition = (fn: () => Promise<void>) => {\n    return originalStartViewTransition?.(async () => {\n      await fn()\n      await Vue.nextTick()\n    })\n  }\n\n  // Subscribe to location changes\n  // and try to load the new location\n  let unsubscribe: (() => void) | undefined\n\n  Vue.onMounted(() => {\n    unsubscribe = router.history.subscribe(router.load)\n\n    const nextLocation = router.buildLocation({\n      to: router.latestLocation.pathname,\n      search: true,\n      params: true,\n      hash: true,\n      state: true,\n      _includeValidateSearch: true,\n    })\n\n    // Check if the current URL matches the canonical form.\n    // Compare publicHref (browser-facing URL) for consistency with\n    // the server-side redirect check in router.beforeLoad.\n    if (\n      trimPathRight(router.latestLocation.publicHref) !==\n      trimPathRight(nextLocation.publicHref)\n    ) {\n      router.commitLocation({ ...nextLocation, replace: true })\n    }\n  })\n\n  // Track if component is mounted to prevent updates after unmount\n  const isMounted = Vue.ref(false)\n\n  Vue.onMounted(() => {\n    isMounted.value = true\n    if (!isAnyPending.value) {\n      router.__store.setState((s) =>\n        s.status === 'pending'\n          ? { ...s, status: 'idle', resolvedLocation: s.location }\n          : s,\n      )\n    }\n  })\n\n  Vue.onUnmounted(() => {\n    isMounted.value = false\n    if (unsubscribe) {\n      unsubscribe()\n    }\n  })\n\n  // Try to load the initial location\n  Vue.onMounted(() => {\n    if (\n      (typeof window !== 'undefined' && router.ssr) ||\n      (mountLoadForRouter.router === router && mountLoadForRouter.mounted)\n    ) {\n      return\n    }\n    mountLoadForRouter = { router, mounted: true }\n    const tryLoad = async () => {\n      try {\n        await router.load()\n      } catch (err) {\n        console.error(err)\n      }\n    }\n    tryLoad()\n  })\n\n  // Setup watchers for emitting events\n  // All watchers check isMounted to prevent updates after unmount\n  Vue.watch(\n    () => isLoading.value,\n    (newValue) => {\n      if (!isMounted.value) return\n      try {\n        if (previousIsLoading.value.previous && !newValue) {\n          router.emit({\n            type: 'onLoad',\n            ...getLocationChangeInfo(router.state),\n          })\n        }\n      } catch {\n        // Ignore errors if component is unmounted\n      }\n    },\n  )\n\n  Vue.watch(isPagePending, (newValue) => {\n    if (!isMounted.value) return\n    try {\n      // emit onBeforeRouteMount\n      if (previousIsPagePending.value.previous && !newValue) {\n        router.emit({\n          type: 'onBeforeRouteMount',\n          ...getLocationChangeInfo(router.state),\n        })\n      }\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n  })\n\n  Vue.watch(isAnyPending, (newValue) => {\n    if (!isMounted.value) return\n    try {\n      if (!newValue && router.__store.state.status === 'pending') {\n        router.__store.setState((s) => ({\n          ...s,\n          status: 'idle',\n          resolvedLocation: s.location,\n        }))\n      }\n\n      // The router was pending and now it's not\n      if (previousIsAnyPending.value.previous && !newValue) {\n        const changeInfo = getLocationChangeInfo(router.state)\n        router.emit({\n          type: 'onResolved',\n          ...changeInfo,\n        })\n\n        if (changeInfo.hrefChanged) {\n          handleHashScroll(router)\n        }\n      }\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n  })\n}\n\n/**\n * @deprecated Use useTransitionerSetup() composable instead.\n * This component is kept for backwards compatibility but the setup logic\n * has been moved to useTransitionerSetup() for better SSR hydration.\n */\nexport const Transitioner = Vue.defineComponent({\n  name: 'Transitioner',\n  setup() {\n    useTransitionerSetup()\n    return () => null\n  },\n})\n"],"names":["mountLoadForRouter","router","mounted","useTransitionerSetup","useRouter","isServer","isLoading","useRouterState","select","isTransitioning","Vue","ref","hasPendingMatches","s","matches","some","d","status","previousIsLoading","usePrevious","value","isAnyPending","computed","previousIsAnyPending","isPagePending","previousIsPagePending","startTransition","fn","__store","setState","endTransition","nextTick","originalStartViewTransition","__tsrOriginalStartViewTransition","startViewTransition","unsubscribe","onMounted","history","subscribe","load","nextLocation","buildLocation","to","latestLocation","pathname","search","params","hash","state","_includeValidateSearch","trimPathRight","publicHref","commitLocation","replace","isMounted","resolvedLocation","location","onUnmounted","window","ssr","tryLoad","err","console","error","watch","newValue","previous","emit","type","getLocationChangeInfo","changeInfo","hrefChanged","handleHashScroll","defineComponent","name","setup"],"mappings":"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"}
+{"version":3,"file":"Transitioner.js","names":["Vue","getLocationChangeInfo","handleHashScroll","trimPathRight","isServer","useRouter","useRouterState","usePrevious","mountLoadForRouter","router","mounted","useTransitionerSetup","isLoading","select","isTransitioning","ref","hasPendingMatches","s","matches","some","d","status","previousIsLoading","value","isAnyPending","computed","previousIsAnyPending","isPagePending","previousIsPagePending","startTransition","fn","__store","setState","endTransition","nextTick","originalStartViewTransition","__tsrOriginalStartViewTransition","startViewTransition","unsubscribe","onMounted","history","subscribe","load","nextLocation","buildLocation","to","latestLocation","pathname","search","params","hash","state","_includeValidateSearch","publicHref","commitLocation","replace","isMounted","resolvedLocation","location","onUnmounted","window","ssr","tryLoad","err","console","error","watch","newValue","previous","emit","type","changeInfo","hrefChanged","Transitioner","defineComponent","name","setup"],"sources":["../../src/Transitioner.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  getLocationChangeInfo,\n  handleHashScroll,\n  trimPathRight,\n} from '@tanstack/router-core'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { useRouter } from './useRouter'\nimport { useRouterState } from './useRouterState'\nimport { usePrevious } from './utils'\n\n// Track mount state per router to avoid double-loading\nlet mountLoadForRouter = { router: null as any, mounted: false }\n\n/**\n * Composable that sets up router transition logic.\n * This is called from MatchesContent to set up:\n * - router.startTransition\n * - router.startViewTransition\n * - History subscription\n * - Router event watchers\n *\n * Must be called during component setup phase.\n */\nexport function useTransitionerSetup() {\n  const router = useRouter()\n\n  // Skip on server - no transitions needed\n  if (isServer ?? router.isServer) {\n    return\n  }\n\n  const isLoading = useRouterState({\n    select: ({ isLoading }) => isLoading,\n  })\n\n  // Track if we're in a transition - using a ref to track async transitions\n  const isTransitioning = Vue.ref(false)\n\n  // Track pending state changes\n  const hasPendingMatches = useRouterState({\n    select: (s) => s.matches.some((d) => d.status === 'pending'),\n  })\n\n  const previousIsLoading = usePrevious(() => isLoading.value)\n\n  const isAnyPending = Vue.computed(\n    () => isLoading.value || isTransitioning.value || hasPendingMatches.value,\n  )\n  const previousIsAnyPending = usePrevious(() => isAnyPending.value)\n\n  const isPagePending = Vue.computed(\n    () => isLoading.value || hasPendingMatches.value,\n  )\n  const previousIsPagePending = usePrevious(() => isPagePending.value)\n\n  // Implement startTransition similar to React/Solid\n  // Vue doesn't have a native useTransition like React 18, so we simulate it\n  // We also update the router state's isTransitioning flag so useMatch can check it\n  router.startTransition = (fn: () => void | Promise<void>) => {\n    isTransitioning.value = true\n    // Also update the router state so useMatch knows we're transitioning\n    try {\n      router.__store.setState((s) => ({ ...s, isTransitioning: true }))\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n\n    // Helper to end the transition\n    const endTransition = () => {\n      // Use nextTick to ensure Vue has processed all reactive updates\n      Vue.nextTick(() => {\n        try {\n          isTransitioning.value = false\n          router.__store.setState((s) => ({ ...s, isTransitioning: false }))\n        } catch {\n          // Ignore errors if component is unmounted\n        }\n      })\n    }\n\n    // Execute the function synchronously\n    // The function internally may call startViewTransition which schedules async work\n    // via document.startViewTransition, but we don't need to wait for it here\n    // because Vue's reactivity will trigger re-renders when state changes\n    fn()\n\n    // End the transition on next tick to allow Vue to process reactive updates\n    endTransition()\n  }\n\n  // Vue updates DOM asynchronously (next tick). The View Transitions API expects the\n  // update callback promise to resolve only after the DOM has been updated.\n  // Wrap the router-core implementation to await a Vue flush before resolving.\n  const originalStartViewTransition:\n    | undefined\n    | ((fn: () => Promise<void>) => void) =\n    (router as any).__tsrOriginalStartViewTransition ??\n    router.startViewTransition\n\n  ;(router as any).__tsrOriginalStartViewTransition =\n    originalStartViewTransition\n\n  router.startViewTransition = (fn: () => Promise<void>) => {\n    return originalStartViewTransition?.(async () => {\n      await fn()\n      await Vue.nextTick()\n    })\n  }\n\n  // Subscribe to location changes\n  // and try to load the new location\n  let unsubscribe: (() => void) | undefined\n\n  Vue.onMounted(() => {\n    unsubscribe = router.history.subscribe(router.load)\n\n    const nextLocation = router.buildLocation({\n      to: router.latestLocation.pathname,\n      search: true,\n      params: true,\n      hash: true,\n      state: true,\n      _includeValidateSearch: true,\n    })\n\n    // Check if the current URL matches the canonical form.\n    // Compare publicHref (browser-facing URL) for consistency with\n    // the server-side redirect check in router.beforeLoad.\n    if (\n      trimPathRight(router.latestLocation.publicHref) !==\n      trimPathRight(nextLocation.publicHref)\n    ) {\n      router.commitLocation({ ...nextLocation, replace: true })\n    }\n  })\n\n  // Track if component is mounted to prevent updates after unmount\n  const isMounted = Vue.ref(false)\n\n  Vue.onMounted(() => {\n    isMounted.value = true\n    if (!isAnyPending.value) {\n      router.__store.setState((s) =>\n        s.status === 'pending'\n          ? { ...s, status: 'idle', resolvedLocation: s.location }\n          : s,\n      )\n    }\n  })\n\n  Vue.onUnmounted(() => {\n    isMounted.value = false\n    if (unsubscribe) {\n      unsubscribe()\n    }\n  })\n\n  // Try to load the initial location\n  Vue.onMounted(() => {\n    if (\n      (typeof window !== 'undefined' && router.ssr) ||\n      (mountLoadForRouter.router === router && mountLoadForRouter.mounted)\n    ) {\n      return\n    }\n    mountLoadForRouter = { router, mounted: true }\n    const tryLoad = async () => {\n      try {\n        await router.load()\n      } catch (err) {\n        console.error(err)\n      }\n    }\n    tryLoad()\n  })\n\n  // Setup watchers for emitting events\n  // All watchers check isMounted to prevent updates after unmount\n  Vue.watch(\n    () => isLoading.value,\n    (newValue) => {\n      if (!isMounted.value) return\n      try {\n        if (previousIsLoading.value.previous && !newValue) {\n          router.emit({\n            type: 'onLoad',\n            ...getLocationChangeInfo(router.state),\n          })\n        }\n      } catch {\n        // Ignore errors if component is unmounted\n      }\n    },\n  )\n\n  Vue.watch(isPagePending, (newValue) => {\n    if (!isMounted.value) return\n    try {\n      // emit onBeforeRouteMount\n      if (previousIsPagePending.value.previous && !newValue) {\n        router.emit({\n          type: 'onBeforeRouteMount',\n          ...getLocationChangeInfo(router.state),\n        })\n      }\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n  })\n\n  Vue.watch(isAnyPending, (newValue) => {\n    if (!isMounted.value) return\n    try {\n      if (!newValue && router.__store.state.status === 'pending') {\n        router.__store.setState((s) => ({\n          ...s,\n          status: 'idle',\n          resolvedLocation: s.location,\n        }))\n      }\n\n      // The router was pending and now it's not\n      if (previousIsAnyPending.value.previous && !newValue) {\n        const changeInfo = getLocationChangeInfo(router.state)\n        router.emit({\n          type: 'onResolved',\n          ...changeInfo,\n        })\n\n        if (changeInfo.hrefChanged) {\n          handleHashScroll(router)\n        }\n      }\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n  })\n}\n\n/**\n * @deprecated Use useTransitionerSetup() composable instead.\n * This component is kept for backwards compatibility but the setup logic\n * has been moved to useTransitionerSetup() for better SSR hydration.\n */\nexport const Transitioner = Vue.defineComponent({\n  name: 'Transitioner',\n  setup() {\n    useTransitionerSetup()\n    return () => null\n  },\n})\n"],"mappings":"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"}

package/dist/esm/awaited.js

@@ -1,37 +1,30 @@
+import { TSR_DEFERRED_PROMISE, defer } from "@tanstack/router-core";
 import * as Vue from "vue";
-import { defer, TSR_DEFERRED_PROMISE } from "@tanstack/router-core";
-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];
+//#region src/awaited.tsx
+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];
 }
-const Await = Vue.defineComponent({
-  name: "Await",
-  props: {
-    promise: {
-      type: Promise,
-      required: true
-    },
-    children: {
-      type: Function,
-      required: true
-    }
-  },
-  async setup(props) {
-    const deferred = defer(props.promise);
-    const data = await deferred;
-    return () => props.children(data);
-  }
+var Await = Vue.defineComponent({
+	name: "Await",
+	props: {
+		promise: {
+			type: Promise,
+			required: true
+		},
+		children: {
+			type: Function,
+			required: true
+		}
+	},
+	async setup(props) {
+		const data = await defer(props.promise);
+		return () => props.children(data);
+	}
 });
-export {
-  Await,
-  useAwaited
-};
-//# sourceMappingURL=awaited.js.map
+//#endregion
+export { Await, useAwaited };
+
+//# sourceMappingURL=awaited.js.map

package/dist/esm/awaited.js.map

@@ -1 +1 @@
-{"version":3,"file":"awaited.js","sources":["../../src/awaited.tsx"],"sourcesContent":["import * as Vue from 'vue'\n\nimport { TSR_DEFERRED_PROMISE, defer } from '@tanstack/router-core'\nimport type { DeferredPromise } from '@tanstack/router-core'\n\nexport type AwaitOptions<T> = {\n  promise: Promise<T>\n}\n\nexport function useAwaited<T>({\n  promise: _promise,\n}: AwaitOptions<T>): [T, DeferredPromise<T>] {\n  const promise = defer(_promise)\n\n  if (promise[TSR_DEFERRED_PROMISE].status === 'pending') {\n    throw promise\n  }\n\n  if (promise[TSR_DEFERRED_PROMISE].status === 'error') {\n    throw promise[TSR_DEFERRED_PROMISE].error\n  }\n\n  return [promise[TSR_DEFERRED_PROMISE].data, promise]\n}\n\nexport const Await = Vue.defineComponent({\n  name: 'Await',\n  props: {\n    promise: {\n      type: Promise,\n      required: true,\n    },\n    children: {\n      type: Function,\n      required: true,\n    },\n  },\n  async setup(props) {\n    const deferred = defer(props.promise)\n    const data = await deferred\n    return () => (props.children as (result: unknown) => Vue.VNode)(data)\n  },\n})\n"],"names":["useAwaited","promise","_promise","defer","TSR_DEFERRED_PROMISE","status","error","data","Await","Vue","defineComponent","name","props","type","Promise","required","children","Function","setup","deferred"],"mappings":";;AASO,SAASA,WAAc;AAAA,EAC5BC,SAASC;AACM,GAA4B;AAC3C,QAAMD,UAAUE,MAAMD,QAAQ;AAE9B,MAAID,QAAQG,oBAAoB,EAAEC,WAAW,WAAW;AACtD,UAAMJ;AAAAA,EACR;AAEA,MAAIA,QAAQG,oBAAoB,EAAEC,WAAW,SAAS;AACpD,UAAMJ,QAAQG,oBAAoB,EAAEE;AAAAA,EACtC;AAEA,SAAO,CAACL,QAAQG,oBAAoB,EAAEG,MAAMN,OAAO;AACrD;MAEaO,QAAQC,IAAIC,gBAAgB;AAAA,EACvCC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLX,SAAS;AAAA,MACPY,MAAMC;AAAAA,MACNC,UAAU;AAAA;IAEZC,UAAU;AAAA,MACRH,MAAMI;AAAAA,MACNF,UAAU;AAAA,IACZ;AAAA;EAEF,MAAMG,MAAMN,OAAO;AACjB,UAAMO,WAAWhB,MAAMS,MAAMX,OAAO;AACpC,UAAMM,OAAO,MAAMY;AACnB,WAAO,MAAOP,MAAMI,SAA4CT,IAAI;AAAA,EACtE;AACF,CAAC;"}
+{"version":3,"file":"awaited.js","names":["Vue","TSR_DEFERRED_PROMISE","defer","useAwaited","promise","_promise","status","error","data","Await","defineComponent","name","props","type","Promise","required","children","Function","setup","deferred"],"sources":["../../src/awaited.tsx"],"sourcesContent":["import * as Vue from 'vue'\n\nimport { TSR_DEFERRED_PROMISE, defer } from '@tanstack/router-core'\nimport type { DeferredPromise } from '@tanstack/router-core'\n\nexport type AwaitOptions<T> = {\n  promise: Promise<T>\n}\n\nexport function useAwaited<T>({\n  promise: _promise,\n}: AwaitOptions<T>): [T, DeferredPromise<T>] {\n  const promise = defer(_promise)\n\n  if (promise[TSR_DEFERRED_PROMISE].status === 'pending') {\n    throw promise\n  }\n\n  if (promise[TSR_DEFERRED_PROMISE].status === 'error') {\n    throw promise[TSR_DEFERRED_PROMISE].error\n  }\n\n  return [promise[TSR_DEFERRED_PROMISE].data, promise]\n}\n\nexport const Await = Vue.defineComponent({\n  name: 'Await',\n  props: {\n    promise: {\n      type: Promise,\n      required: true,\n    },\n    children: {\n      type: Function,\n      required: true,\n    },\n  },\n  async setup(props) {\n    const deferred = defer(props.promise)\n    const data = await deferred\n    return () => (props.children as (result: unknown) => Vue.VNode)(data)\n  },\n})\n"],"mappings":";;;AASA,SAAgBG,WAAc,EAC5BC,SAASC,YACkC;CAC3C,MAAMD,UAAUF,MAAMG,SAAS;AAE/B,KAAID,QAAQH,sBAAsBK,WAAW,UAC3C,OAAMF;AAGR,KAAIA,QAAQH,sBAAsBK,WAAW,QAC3C,OAAMF,QAAQH,sBAAsBM;AAGtC,QAAO,CAACH,QAAQH,sBAAsBO,MAAMJ,QAAQ;;AAGtD,IAAaK,QAAQT,IAAIU,gBAAgB;CACvCC,MAAM;CACNC,OAAO;EACLR,SAAS;GACPS,MAAMC;GACNC,UAAU;GACX;EACDC,UAAU;GACRH,MAAMI;GACNF,UAAU;GACZ;EACD;CACD,MAAMG,MAAMN,OAAO;EAEjB,MAAMJ,OAAO,MADIN,MAAMU,MAAMR,QAAQ;AAErC,eAAcQ,MAAMI,SAA4CR,KAAK;;CAExE,CAAC"}

package/dist/esm/fileRoute.js

@@ -1,105 +1,103 @@
-import warning from "tiny-warning";
-import { createRoute } from "./route.js";
+import { useRouter } from "./useRouter.js";
 import { useMatch } from "./useMatch.js";
-import { useLoaderDeps } from "./useLoaderDeps.js";
 import { useLoaderData } from "./useLoaderData.js";
-import { useSearch } from "./useSearch.js";
+import { useLoaderDeps } from "./useLoaderDeps.js";
 import { useParams } from "./useParams.js";
+import { useSearch } from "./useSearch.js";
 import { useNavigate } from "./useNavigate.js";
-import { useRouter } from "./useRouter.js";
 import { useRouteContext } from "./useRouteContext.js";
+import { createRoute } from "./route.js";
+import warning from "tiny-warning";
+//#region src/fileRoute.ts
 function createFileRoute(path) {
-  if (typeof path === "object") {
-    return new FileRoute(path, {
-      silent: true
-    }).createRoute(path);
-  }
-  return new FileRoute(path, {
-    silent: true
-  }).createRoute;
-}
-class FileRoute {
-  constructor(path, _opts) {
-    this.path = path;
-    this.createRoute = (options) => {
-      if (process.env.NODE_ENV !== "production") {
-        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;
-  }
+	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.
+*/
+var FileRoute = class {
+	constructor(path, _opts) {
+		this.path = path;
+		this.createRoute = (options) => {
+			if (process.env.NODE_ENV !== "production") 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.
+*/
 function FileRouteLoader(_path) {
-  if (process.env.NODE_ENV !== "production") {
-    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;
-}
-class LazyRoute {
-  constructor(opts) {
-    this.useMatch = (opts2) => {
-      return useMatch({
-        select: opts2?.select,
-        from: this.options.id
-      });
-    };
-    this.useRouteContext = (opts2) => {
-      return useRouteContext({ ...opts2, from: this.options.id });
-    };
-    this.useSearch = (opts2) => {
-      return useSearch({
-        select: opts2?.select,
-        from: this.options.id
-      });
-    };
-    this.useParams = (opts2) => {
-      return useParams({
-        select: opts2?.select,
-        from: this.options.id
-      });
-    };
-    this.useLoaderDeps = (opts2) => {
-      return useLoaderDeps({ ...opts2, from: this.options.id });
-    };
-    this.useLoaderData = (opts2) => {
-      return useLoaderData({ ...opts2, from: this.options.id });
-    };
-    this.useNavigate = () => {
-      const router = useRouter();
-      return useNavigate({ from: router.routesById[this.options.id].fullPath });
-    };
-    this.options = opts;
-  }
+	if (process.env.NODE_ENV !== "production") 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;
 }
+var LazyRoute = class {
+	constructor(opts) {
+		this.useMatch = (opts) => {
+			return useMatch({
+				select: opts?.select,
+				from: this.options.id
+			});
+		};
+		this.useRouteContext = (opts) => {
+			return useRouteContext({
+				...opts,
+				from: this.options.id
+			});
+		};
+		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 = () => {
+			return useNavigate({ from: useRouter().routesById[this.options.id].fullPath });
+		};
+		this.options = opts;
+	}
+};
 function createLazyRoute(id) {
-  return (opts) => {
-    return new LazyRoute({
-      id,
-      ...opts
-    });
-  };
+	return (opts) => {
+		return new LazyRoute({
+			id,
+			...opts
+		});
+	};
 }
 function createLazyFileRoute(id) {
-  if (typeof id === "object") {
-    return new LazyRoute(id);
-  }
-  return (opts) => new LazyRoute({ id, ...opts });
+	if (typeof id === "object") return new LazyRoute(id);
+	return (opts) => new LazyRoute({
+		id,
+		...opts
+	});
 }
-export {
-  FileRoute,
-  FileRouteLoader,
-  LazyRoute,
-  createFileRoute,
-  createLazyFileRoute,
-  createLazyRoute
-};
-//# sourceMappingURL=fileRoute.js.map
+//#endregion
+export { FileRoute, FileRouteLoader, LazyRoute, createFileRoute, createLazyFileRoute, createLazyRoute };
+
+//# sourceMappingURL=fileRoute.js.map