@tanstack/vue-router 1.167.1 → 1.167.3

package/dist/esm/CatchBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"CatchBoundary.js","sources":["../../src/CatchBoundary.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport type { ErrorRouteComponent } from './route'\n\ninterface ErrorComponentProps {\n  error: Error\n  reset: () => void\n}\n\ntype CatchBoundaryProps = {\n  getResetKey: () => number | string\n  children: Vue.VNode\n  errorComponent?: ErrorRouteComponent | Vue.Component\n  onCatch?: (error: Error) => void\n}\n\nconst VueErrorBoundary = Vue.defineComponent({\n  name: 'VueErrorBoundary',\n  props: {\n    onError: Function,\n    resetKey: [String, Number],\n  },\n  emits: ['catch'],\n  setup(props, { slots }) {\n    const error = Vue.ref<Error | null>(null)\n    const resetFn = Vue.ref<(() => void) | null>(null)\n\n    const reset = () => {\n      error.value = null\n    }\n\n    Vue.watch(\n      () => props.resetKey,\n      (newKey, oldKey) => {\n        if (newKey !== oldKey && error.value) {\n          reset()\n        }\n      },\n    )\n\n    Vue.onErrorCaptured((err: Error) => {\n      if (\n        err instanceof Promise ||\n        (err && typeof (err as any).then === 'function')\n      ) {\n        return false\n      }\n\n      error.value = err\n      resetFn.value = reset\n\n      if (props.onError) {\n        props.onError(err)\n      }\n\n      return false\n    })\n\n    return () => {\n      if (error.value && slots.fallback) {\n        const fallbackContent = slots.fallback({\n          error: error.value,\n          reset,\n        })\n        return Array.isArray(fallbackContent) && fallbackContent.length === 1\n          ? fallbackContent[0]\n          : fallbackContent\n      }\n\n      const defaultContent = slots.default && slots.default()\n      return Array.isArray(defaultContent) && defaultContent.length === 1\n        ? defaultContent[0]\n        : defaultContent\n    }\n  },\n})\n\nconst CatchBoundaryWrapper = Vue.defineComponent({\n  name: 'CatchBoundary',\n  inheritAttrs: false,\n  props: ['getResetKey', 'children', 'errorComponent', 'onCatch'] as any,\n  setup(props: CatchBoundaryProps) {\n    const resetKey = Vue.computed(() => props.getResetKey())\n\n    return () => {\n      return Vue.h(\n        VueErrorBoundary,\n        {\n          resetKey: resetKey.value,\n          onError: props.onCatch,\n        },\n        {\n          default: () => props.children,\n          fallback: ({ error, reset }: ErrorComponentProps) => {\n            if (props.errorComponent) {\n              return Vue.h(props.errorComponent, { error, reset })\n            }\n            return Vue.h(ErrorComponent, { error, reset })\n          },\n        },\n      )\n    }\n  },\n})\n\nexport function CatchBoundary(props: CatchBoundaryProps) {\n  return Vue.h(CatchBoundaryWrapper, props as any)\n}\n\nexport const ErrorComponent = Vue.defineComponent({\n  name: 'ErrorComponent',\n  props: {\n    error: Object,\n    reset: Function,\n  },\n  setup(props) {\n    const show = Vue.ref(process.env.NODE_ENV !== 'production')\n\n    const toggleShow = () => {\n      show.value = !show.value\n    }\n\n    return () =>\n      Vue.h('div', { style: { padding: '.5rem', maxWidth: '100%' } }, [\n        Vue.h(\n          'div',\n          { style: { display: 'flex', alignItems: 'center', gap: '.5rem' } },\n          [\n            Vue.h(\n              'strong',\n              { style: { fontSize: '1rem' } },\n              'Something went wrong!',\n            ),\n            Vue.h(\n              'button',\n              {\n                style: {\n                  appearance: 'none',\n                  fontSize: '.6em',\n                  border: '1px solid currentColor',\n                  padding: '.1rem .2rem',\n                  fontWeight: 'bold',\n                  borderRadius: '.25rem',\n                },\n                onClick: toggleShow,\n              },\n              show.value ? 'Hide Error' : 'Show Error',\n            ),\n          ],\n        ),\n        Vue.h('div', { style: { height: '.25rem' } }),\n        show.value\n          ? Vue.h('div', {}, [\n              Vue.h(\n                'pre',\n                {\n                  style: {\n                    fontSize: '.7em',\n                    border: '1px solid red',\n                    borderRadius: '.25rem',\n                    padding: '.3rem',\n                    color: 'red',\n                    overflow: 'auto',\n                  },\n                },\n                [\n                  props.error?.message\n                    ? Vue.h('code', {}, props.error.message)\n                    : null,\n                ],\n              ),\n            ])\n          : null,\n      ])\n  },\n})\n"],"names":["VueErrorBoundary","Vue","defineComponent","name","props","onError","Function","resetKey","String","Number","emits","setup","slots","error","ref","resetFn","reset","value","watch","newKey","oldKey","onErrorCaptured","err","Promise","then","fallback","fallbackContent","Array","isArray","length","defaultContent","default","CatchBoundaryWrapper","inheritAttrs","computed","getResetKey","h","onCatch","children","errorComponent","ErrorComponent","CatchBoundary","Object","show","process","env","NODE_ENV","toggleShow","style","padding","maxWidth","display","alignItems","gap","fontSize","appearance","border","fontWeight","borderRadius","onClick","height","color","overflow","message"],"mappings":"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"}
+{"version":3,"file":"CatchBoundary.js","names":["Vue","VueErrorBoundary","defineComponent","name","props","onError","Function","resetKey","String","Number","emits","setup","slots","error","ref","resetFn","reset","value","watch","newKey","oldKey","onErrorCaptured","err","Promise","then","fallback","fallbackContent","Array","isArray","length","defaultContent","default","CatchBoundaryWrapper","inheritAttrs","computed","getResetKey","h","onCatch","children","errorComponent","ErrorComponent","CatchBoundary","Object","show","process","env","NODE_ENV","toggleShow","style","padding","maxWidth","display","alignItems","gap","fontSize","appearance","border","fontWeight","borderRadius","onClick","height","color","overflow","message"],"sources":["../../src/CatchBoundary.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport type { ErrorRouteComponent } from './route'\n\ninterface ErrorComponentProps {\n  error: Error\n  reset: () => void\n}\n\ntype CatchBoundaryProps = {\n  getResetKey: () => number | string\n  children: Vue.VNode\n  errorComponent?: ErrorRouteComponent | Vue.Component\n  onCatch?: (error: Error) => void\n}\n\nconst VueErrorBoundary = Vue.defineComponent({\n  name: 'VueErrorBoundary',\n  props: {\n    onError: Function,\n    resetKey: [String, Number],\n  },\n  emits: ['catch'],\n  setup(props, { slots }) {\n    const error = Vue.ref<Error | null>(null)\n    const resetFn = Vue.ref<(() => void) | null>(null)\n\n    const reset = () => {\n      error.value = null\n    }\n\n    Vue.watch(\n      () => props.resetKey,\n      (newKey, oldKey) => {\n        if (newKey !== oldKey && error.value) {\n          reset()\n        }\n      },\n    )\n\n    Vue.onErrorCaptured((err: Error) => {\n      if (\n        err instanceof Promise ||\n        (err && typeof (err as any).then === 'function')\n      ) {\n        return false\n      }\n\n      error.value = err\n      resetFn.value = reset\n\n      if (props.onError) {\n        props.onError(err)\n      }\n\n      return false\n    })\n\n    return () => {\n      if (error.value && slots.fallback) {\n        const fallbackContent = slots.fallback({\n          error: error.value,\n          reset,\n        })\n        return Array.isArray(fallbackContent) && fallbackContent.length === 1\n          ? fallbackContent[0]\n          : fallbackContent\n      }\n\n      const defaultContent = slots.default && slots.default()\n      return Array.isArray(defaultContent) && defaultContent.length === 1\n        ? defaultContent[0]\n        : defaultContent\n    }\n  },\n})\n\nconst CatchBoundaryWrapper = Vue.defineComponent({\n  name: 'CatchBoundary',\n  inheritAttrs: false,\n  props: ['getResetKey', 'children', 'errorComponent', 'onCatch'] as any,\n  setup(props: CatchBoundaryProps) {\n    const resetKey = Vue.computed(() => props.getResetKey())\n\n    return () => {\n      return Vue.h(\n        VueErrorBoundary,\n        {\n          resetKey: resetKey.value,\n          onError: props.onCatch,\n        },\n        {\n          default: () => props.children,\n          fallback: ({ error, reset }: ErrorComponentProps) => {\n            if (props.errorComponent) {\n              return Vue.h(props.errorComponent, { error, reset })\n            }\n            return Vue.h(ErrorComponent, { error, reset })\n          },\n        },\n      )\n    }\n  },\n})\n\nexport function CatchBoundary(props: CatchBoundaryProps) {\n  return Vue.h(CatchBoundaryWrapper, props as any)\n}\n\nexport const ErrorComponent = Vue.defineComponent({\n  name: 'ErrorComponent',\n  props: {\n    error: Object,\n    reset: Function,\n  },\n  setup(props) {\n    const show = Vue.ref(process.env.NODE_ENV !== 'production')\n\n    const toggleShow = () => {\n      show.value = !show.value\n    }\n\n    return () =>\n      Vue.h('div', { style: { padding: '.5rem', maxWidth: '100%' } }, [\n        Vue.h(\n          'div',\n          { style: { display: 'flex', alignItems: 'center', gap: '.5rem' } },\n          [\n            Vue.h(\n              'strong',\n              { style: { fontSize: '1rem' } },\n              'Something went wrong!',\n            ),\n            Vue.h(\n              'button',\n              {\n                style: {\n                  appearance: 'none',\n                  fontSize: '.6em',\n                  border: '1px solid currentColor',\n                  padding: '.1rem .2rem',\n                  fontWeight: 'bold',\n                  borderRadius: '.25rem',\n                },\n                onClick: toggleShow,\n              },\n              show.value ? 'Hide Error' : 'Show Error',\n            ),\n          ],\n        ),\n        Vue.h('div', { style: { height: '.25rem' } }),\n        show.value\n          ? Vue.h('div', {}, [\n              Vue.h(\n                'pre',\n                {\n                  style: {\n                    fontSize: '.7em',\n                    border: '1px solid red',\n                    borderRadius: '.25rem',\n                    padding: '.3rem',\n                    color: 'red',\n                    overflow: 'auto',\n                  },\n                },\n                [\n                  props.error?.message\n                    ? Vue.h('code', {}, props.error.message)\n                    : null,\n                ],\n              ),\n            ])\n          : null,\n      ])\n  },\n})\n"],"mappings":"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"}

package/dist/esm/ClientOnly.js

@@ -1,33 +1,63 @@
 import * as Vue from "vue";
-const ClientOnly = Vue.defineComponent({
-  name: "ClientOnly",
-  props: {
-    fallback: {
-      type: Object,
-      default: null
-    }
-  },
-  setup(props, {
-    slots
-  }) {
-    const hydrated = useHydrated();
-    return () => {
-      if (hydrated.value) {
-        return slots.default?.();
-      }
-      return props.fallback ?? null;
-    };
-  }
+//#region src/ClientOnly.tsx
+/**
+* Render the children only after the JS has loaded client-side. Use an optional
+* fallback component if the JS is not yet loaded.
+*
+* @example
+* Render a Chart component if JS loads, renders a simple FakeChart
+* component server-side or if there is no JS. The FakeChart can have only the
+* UI without the behavior or be a loading spinner or skeleton.
+*
+* ```tsx
+* return (
+*   <ClientOnly fallback={<FakeChart />}>
+*     <Chart />
+*   </ClientOnly>
+* )
+* ```
+*/
+var ClientOnly = Vue.defineComponent({
+	name: "ClientOnly",
+	props: { fallback: {
+		type: Object,
+		default: null
+	} },
+	setup(props, { slots }) {
+		const hydrated = useHydrated();
+		return () => {
+			if (hydrated.value) return slots.default?.();
+			return props.fallback ?? null;
+		};
+	}
 });
+/**
+* Return a boolean indicating if the JS has been hydrated already.
+* When doing Server-Side Rendering, the result will always be false.
+* When doing Client-Side Rendering, the result will always be false on the
+* first render and true from then on. Even if a new component renders it will
+* always start with true.
+*
+* @example
+* ```tsx
+* // Disable a button that needs JS to work.
+* const hydrated = useHydrated()
+* return (
+*   <button type="button" disabled={!hydrated.value} onClick={doSomethingCustom}>
+*     Click me
+*   </button>
+* )
+* ```
+* @returns True if the JS has been hydrated already, false otherwise.
+*/
 function useHydrated() {
-  const hydrated = Vue.ref(false);
-  Vue.onMounted(() => {
-    hydrated.value = true;
-  });
-  return hydrated;
+	const hydrated = Vue.ref(false);
+	Vue.onMounted(() => {
+		hydrated.value = true;
+	});
+	return hydrated;
 }
-export {
-  ClientOnly,
-  useHydrated
-};
-//# sourceMappingURL=ClientOnly.js.map
+//#endregion
+export { ClientOnly, useHydrated };
+
+//# sourceMappingURL=ClientOnly.js.map

package/dist/esm/ClientOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClientOnly.js","sources":["../../src/ClientOnly.tsx"],"sourcesContent":["import * as Vue from 'vue'\n\nexport interface ClientOnlyProps {\n  /**\n   * The children to render when the JS is loaded.\n   */\n  children?: Vue.VNode\n  /**\n   * The fallback component to render if the JS is not yet loaded.\n   */\n  fallback?: Vue.VNode\n}\n\n/**\n * Render the children only after the JS has loaded client-side. Use an optional\n * fallback component if the JS is not yet loaded.\n *\n * @example\n * Render a Chart component if JS loads, renders a simple FakeChart\n * component server-side or if there is no JS. The FakeChart can have only the\n * UI without the behavior or be a loading spinner or skeleton.\n *\n * ```tsx\n * return (\n *   <ClientOnly fallback={<FakeChart />}>\n *     <Chart />\n *   </ClientOnly>\n * )\n * ```\n */\nexport const ClientOnly = Vue.defineComponent({\n  name: 'ClientOnly',\n  props: {\n    fallback: {\n      type: Object as Vue.PropType<Vue.VNode>,\n      default: null,\n    },\n  },\n  setup(props, { slots }) {\n    const hydrated = useHydrated()\n    return () => {\n      if (hydrated.value) {\n        return slots.default?.()\n      }\n      return props.fallback ?? null\n    }\n  },\n})\n\n/**\n * Return a boolean indicating if the JS has been hydrated already.\n * When doing Server-Side Rendering, the result will always be false.\n * When doing Client-Side Rendering, the result will always be false on the\n * first render and true from then on. Even if a new component renders it will\n * always start with true.\n *\n * @example\n * ```tsx\n * // Disable a button that needs JS to work.\n * const hydrated = useHydrated()\n * return (\n *   <button type=\"button\" disabled={!hydrated.value} onClick={doSomethingCustom}>\n *     Click me\n *   </button>\n * )\n * ```\n * @returns True if the JS has been hydrated already, false otherwise.\n */\nexport function useHydrated(): Vue.Ref<boolean> {\n  const hydrated = Vue.ref(false)\n  Vue.onMounted(() => {\n    hydrated.value = true\n  })\n  return hydrated\n}\n"],"names":["ClientOnly","Vue","defineComponent","name","props","fallback","type","Object","default","setup","slots","hydrated","useHydrated","value","ref","onMounted"],"mappings":";MA8BaA,aAAaC,IAAIC,gBAAgB;AAAA,EAC5CC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,UAAU;AAAA,MACRC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACX;AAAA;EAEFC,MAAML,OAAO;AAAA,IAAEM;AAAAA,EAAM,GAAG;AACtB,UAAMC,WAAWC,YAAW;AAC5B,WAAO,MAAM;AACX,UAAID,SAASE,OAAO;AAClB,eAAOH,MAAMF,UAAO;AAAA,MACtB;AACA,aAAOJ,MAAMC,YAAY;AAAA,IAC3B;AAAA,EACF;AACF,CAAC;AAqBM,SAASO,cAAgC;AAC9C,QAAMD,WAAWV,IAAIa,IAAI,KAAK;AAC9Bb,MAAIc,UAAU,MAAM;AAClBJ,aAASE,QAAQ;AAAA,EACnB,CAAC;AACD,SAAOF;AACT;"}
+{"version":3,"file":"ClientOnly.js","names":["Vue","ClientOnly","defineComponent","name","props","fallback","type","Object","default","setup","slots","hydrated","useHydrated","value","ref","onMounted"],"sources":["../../src/ClientOnly.tsx"],"sourcesContent":["import * as Vue from 'vue'\n\nexport interface ClientOnlyProps {\n  /**\n   * The children to render when the JS is loaded.\n   */\n  children?: Vue.VNode\n  /**\n   * The fallback component to render if the JS is not yet loaded.\n   */\n  fallback?: Vue.VNode\n}\n\n/**\n * Render the children only after the JS has loaded client-side. Use an optional\n * fallback component if the JS is not yet loaded.\n *\n * @example\n * Render a Chart component if JS loads, renders a simple FakeChart\n * component server-side or if there is no JS. The FakeChart can have only the\n * UI without the behavior or be a loading spinner or skeleton.\n *\n * ```tsx\n * return (\n *   <ClientOnly fallback={<FakeChart />}>\n *     <Chart />\n *   </ClientOnly>\n * )\n * ```\n */\nexport const ClientOnly = Vue.defineComponent({\n  name: 'ClientOnly',\n  props: {\n    fallback: {\n      type: Object as Vue.PropType<Vue.VNode>,\n      default: null,\n    },\n  },\n  setup(props, { slots }) {\n    const hydrated = useHydrated()\n    return () => {\n      if (hydrated.value) {\n        return slots.default?.()\n      }\n      return props.fallback ?? null\n    }\n  },\n})\n\n/**\n * Return a boolean indicating if the JS has been hydrated already.\n * When doing Server-Side Rendering, the result will always be false.\n * When doing Client-Side Rendering, the result will always be false on the\n * first render and true from then on. Even if a new component renders it will\n * always start with true.\n *\n * @example\n * ```tsx\n * // Disable a button that needs JS to work.\n * const hydrated = useHydrated()\n * return (\n *   <button type=\"button\" disabled={!hydrated.value} onClick={doSomethingCustom}>\n *     Click me\n *   </button>\n * )\n * ```\n * @returns True if the JS has been hydrated already, false otherwise.\n */\nexport function useHydrated(): Vue.Ref<boolean> {\n  const hydrated = Vue.ref(false)\n  Vue.onMounted(() => {\n    hydrated.value = true\n  })\n  return hydrated\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA8BA,IAAaC,aAAaD,IAAIE,gBAAgB;CAC5CC,MAAM;CACNC,OAAO,EACLC,UAAU;EACRC,MAAMC;EACNC,SAAS;EACX,EACD;CACDC,MAAML,OAAO,EAAEM,SAAS;EACtB,MAAMC,WAAWC,aAAa;AAC9B,eAAa;AACX,OAAID,SAASE,MACX,QAAOH,MAAMF,WAAW;AAE1B,UAAOJ,MAAMC,YAAY;;;CAG9B,CAAC;;;;;;;;;;;;;;;;;;;;AAqBF,SAAgBO,cAAgC;CAC9C,MAAMD,WAAWX,IAAIc,IAAI,MAAM;AAC/Bd,KAAIe,gBAAgB;AAClBJ,WAASE,QAAQ;GACjB;AACF,QAAOF"}

package/dist/esm/HeadContent.dev.js

@@ -1,26 +1,32 @@
-import * as Vue from "vue";
-import { Asset } from "./Asset.js";
 import { useHydrated } from "./ClientOnly.js";
+import { Asset } from "./Asset.js";
 import { useTags } from "./headContentUtils.js";
-const DEV_STYLES_ATTR = "data-tanstack-router-dev-styles";
-const HeadContent = Vue.defineComponent({
-  name: "HeadContent",
-  setup() {
-    const tags = useTags();
-    const hydrated = useHydrated();
-    Vue.onMounted(() => {
-      document.querySelectorAll(`link[${DEV_STYLES_ATTR}]`).forEach((el) => el.remove());
-    });
-    return () => {
-      const filteredTags = hydrated.value ? tags().filter((tag) => !tag.attrs?.[DEV_STYLES_ATTR]) : tags();
-      return filteredTags.map((tag) => Vue.h(Asset, {
-        ...tag,
-        key: `tsr-meta-${JSON.stringify(tag)}`
-      }));
-    };
-  }
+import * as Vue from "vue";
+//#region src/HeadContent.dev.tsx
+var DEV_STYLES_ATTR = "data-tanstack-router-dev-styles";
+/**
+* @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.
+* It should be rendered in the `<head>` of your document.
+*
+* This is the development version that filters out dev styles after hydration.
+*/
+var HeadContent = Vue.defineComponent({
+	name: "HeadContent",
+	setup() {
+		const tags = useTags();
+		const hydrated = useHydrated();
+		Vue.onMounted(() => {
+			document.querySelectorAll(`link[${DEV_STYLES_ATTR}]`).forEach((el) => el.remove());
+		});
+		return () => {
+			return (hydrated.value ? tags().filter((tag) => !tag.attrs?.[DEV_STYLES_ATTR]) : tags()).map((tag) => Vue.h(Asset, {
+				...tag,
+				key: `tsr-meta-${JSON.stringify(tag)}`
+			}));
+		};
+	}
 });
-export {
-  HeadContent
-};
-//# sourceMappingURL=HeadContent.dev.js.map
+//#endregion
+export { HeadContent };
+
+//# sourceMappingURL=HeadContent.dev.js.map

package/dist/esm/HeadContent.dev.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadContent.dev.js","sources":["../../src/HeadContent.dev.tsx"],"sourcesContent":["import * as Vue from 'vue'\n\nimport { Asset } from './Asset'\nimport { useHydrated } from './ClientOnly'\nimport { useTags } from './headContentUtils'\n\nconst DEV_STYLES_ATTR = 'data-tanstack-router-dev-styles'\n\n/**\n * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.\n * It should be rendered in the `<head>` of your document.\n *\n * This is the development version that filters out dev styles after hydration.\n */\nexport const HeadContent = Vue.defineComponent({\n  name: 'HeadContent',\n  setup() {\n    const tags = useTags()\n    const hydrated = useHydrated()\n\n    // Fallback cleanup for hydration mismatch cases\n    Vue.onMounted(() => {\n      document\n        .querySelectorAll(`link[${DEV_STYLES_ATTR}]`)\n        .forEach((el) => el.remove())\n    })\n\n    return () => {\n      // Filter out dev styles after hydration\n      const filteredTags = hydrated.value\n        ? tags().filter((tag) => !tag.attrs?.[DEV_STYLES_ATTR])\n        : tags()\n\n      return filteredTags.map((tag) =>\n        Vue.h(Asset, {\n          ...tag,\n          key: `tsr-meta-${JSON.stringify(tag)}`,\n        }),\n      )\n    }\n  },\n})\n"],"names":["DEV_STYLES_ATTR","HeadContent","Vue","defineComponent","name","setup","tags","useTags","hydrated","useHydrated","onMounted","document","querySelectorAll","forEach","el","remove","filteredTags","value","filter","tag","attrs","map","h","Asset","key","JSON","stringify"],"mappings":";;;;AAMA,MAAMA,kBAAkB;MAQXC,cAAcC,IAAIC,gBAAgB;AAAA,EAC7CC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,OAAOC,QAAO;AACpB,UAAMC,WAAWC,YAAW;AAG5BP,QAAIQ,UAAU,MAAM;AAClBC,eACGC,iBAAiB,QAAQZ,eAAe,GAAG,EAC3Ca,QAASC,QAAOA,GAAGC,OAAM,CAAE;AAAA,IAChC,CAAC;AAED,WAAO,MAAM;AAEX,YAAMC,eAAeR,SAASS,QAC1BX,KAAI,EAAGY,OAAQC,SAAQ,CAACA,IAAIC,QAAQpB,eAAe,CAAC,IACpDM,KAAI;AAER,aAAOU,aAAaK,IAAKF,SACvBjB,IAAIoB,EAAEC,OAAO;AAAA,QACX,GAAGJ;AAAAA,QACHK,KAAK,YAAYC,KAAKC,UAAUP,GAAG,CAAC;AAAA,MACtC,CAAC,CACH;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"HeadContent.dev.js","names":["Vue","Asset","useHydrated","useTags","DEV_STYLES_ATTR","HeadContent","defineComponent","name","setup","tags","hydrated","onMounted","document","querySelectorAll","forEach","el","remove","filteredTags","value","filter","tag","attrs","map","h","key","JSON","stringify"],"sources":["../../src/HeadContent.dev.tsx"],"sourcesContent":["import * as Vue from 'vue'\n\nimport { Asset } from './Asset'\nimport { useHydrated } from './ClientOnly'\nimport { useTags } from './headContentUtils'\n\nconst DEV_STYLES_ATTR = 'data-tanstack-router-dev-styles'\n\n/**\n * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.\n * It should be rendered in the `<head>` of your document.\n *\n * This is the development version that filters out dev styles after hydration.\n */\nexport const HeadContent = Vue.defineComponent({\n  name: 'HeadContent',\n  setup() {\n    const tags = useTags()\n    const hydrated = useHydrated()\n\n    // Fallback cleanup for hydration mismatch cases\n    Vue.onMounted(() => {\n      document\n        .querySelectorAll(`link[${DEV_STYLES_ATTR}]`)\n        .forEach((el) => el.remove())\n    })\n\n    return () => {\n      // Filter out dev styles after hydration\n      const filteredTags = hydrated.value\n        ? tags().filter((tag) => !tag.attrs?.[DEV_STYLES_ATTR])\n        : tags()\n\n      return filteredTags.map((tag) =>\n        Vue.h(Asset, {\n          ...tag,\n          key: `tsr-meta-${JSON.stringify(tag)}`,\n        }),\n      )\n    }\n  },\n})\n"],"mappings":";;;;;AAMA,IAAMI,kBAAkB;;;;;;;AAQxB,IAAaC,cAAcL,IAAIM,gBAAgB;CAC7CC,MAAM;CACNC,QAAQ;EACN,MAAMC,OAAON,SAAS;EACtB,MAAMO,WAAWR,aAAa;AAG9BF,MAAIW,gBAAgB;AAClBC,YACGC,iBAAiB,QAAQT,gBAAe,GAAI,CAC5CU,SAASC,OAAOA,GAAGC,QAAQ,CAAC;IAC/B;AAEF,eAAa;AAMX,WAJqBN,SAASQ,QAC1BT,MAAM,CAACU,QAAQC,QAAQ,CAACA,IAAIC,QAAQjB,iBAAiB,GACrDK,MAAM,EAEUa,KAAKF,QACvBpB,IAAIuB,EAAEtB,OAAO;IACX,GAAGmB;IACHI,KAAK,YAAYC,KAAKC,UAAUN,IAAI;IACrC,CACH,CAAC;;;CAGN,CAAC"}

package/dist/esm/HeadContent.js

@@ -1,19 +1,24 @@
-import * as Vue from "vue";
 import { Asset } from "./Asset.js";
 import { useTags } from "./headContentUtils.js";
-const HeadContent = Vue.defineComponent({
-  name: "HeadContent",
-  setup() {
-    const tags = useTags();
-    return () => {
-      return tags().map((tag) => Vue.h(Asset, {
-        ...tag,
-        key: `tsr-meta-${JSON.stringify(tag)}`
-      }));
-    };
-  }
+import * as Vue from "vue";
+//#region src/HeadContent.tsx
+/**
+* @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.
+* It should be rendered in the `<head>` of your document.
+*/
+var HeadContent = Vue.defineComponent({
+	name: "HeadContent",
+	setup() {
+		const tags = useTags();
+		return () => {
+			return tags().map((tag) => Vue.h(Asset, {
+				...tag,
+				key: `tsr-meta-${JSON.stringify(tag)}`
+			}));
+		};
+	}
 });
-export {
-  HeadContent
-};
-//# sourceMappingURL=HeadContent.js.map
+//#endregion
+export { HeadContent };
+
+//# sourceMappingURL=HeadContent.js.map

package/dist/esm/HeadContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadContent.js","sources":["../../src/HeadContent.tsx"],"sourcesContent":["import * as Vue from 'vue'\n\nimport { Asset } from './Asset'\nimport { useTags } from './headContentUtils'\n\n/**\n * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.\n * It should be rendered in the `<head>` of your document.\n */\nexport const HeadContent = Vue.defineComponent({\n  name: 'HeadContent',\n  setup() {\n    const tags = useTags()\n\n    return () => {\n      return tags().map((tag) =>\n        Vue.h(Asset, {\n          ...tag,\n          key: `tsr-meta-${JSON.stringify(tag)}`,\n        }),\n      )\n    }\n  },\n})\n"],"names":["HeadContent","Vue","defineComponent","name","setup","tags","useTags","map","tag","h","Asset","key","JSON","stringify"],"mappings":";;;MASaA,cAAcC,IAAIC,gBAAgB;AAAA,EAC7CC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,OAAOC,QAAO;AAEpB,WAAO,MAAM;AACX,aAAOD,KAAI,EAAGE,IAAKC,SACjBP,IAAIQ,EAAEC,OAAO;AAAA,QACX,GAAGF;AAAAA,QACHG,KAAK,YAAYC,KAAKC,UAAUL,GAAG,CAAC;AAAA,MACtC,CAAC,CACH;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"HeadContent.js","names":["Vue","Asset","useTags","HeadContent","defineComponent","name","setup","tags","map","tag","h","key","JSON","stringify"],"sources":["../../src/HeadContent.tsx"],"sourcesContent":["import * as Vue from 'vue'\n\nimport { Asset } from './Asset'\nimport { useTags } from './headContentUtils'\n\n/**\n * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.\n * It should be rendered in the `<head>` of your document.\n */\nexport const HeadContent = Vue.defineComponent({\n  name: 'HeadContent',\n  setup() {\n    const tags = useTags()\n\n    return () => {\n      return tags().map((tag) =>\n        Vue.h(Asset, {\n          ...tag,\n          key: `tsr-meta-${JSON.stringify(tag)}`,\n        }),\n      )\n    }\n  },\n})\n"],"mappings":";;;;;;;;AASA,IAAaG,cAAcH,IAAII,gBAAgB;CAC7CC,MAAM;CACNC,QAAQ;EACN,MAAMC,OAAOL,SAAS;AAEtB,eAAa;AACX,UAAOK,MAAM,CAACC,KAAKC,QACjBT,IAAIU,EAAET,OAAO;IACX,GAAGQ;IACHE,KAAK,YAAYC,KAAKC,UAAUJ,IAAI;IACrC,CACH,CAAC;;;CAGN,CAAC"}

package/dist/esm/Html.js

@@ -1,63 +1,44 @@
-import * as Vue from "vue";
 import { Body } from "./Body.js";
-const Html = Vue.defineComponent({
-  name: "Html",
-  setup(_, {
-    slots
-  }) {
-    const isServer = typeof window === "undefined";
-    const hydrated = Vue.ref(false);
-    if (!isServer) {
-      Vue.onMounted(() => {
-        hydrated.value = true;
-      });
-    }
-    return () => {
-      if (isServer) {
-        return Vue.h("html", {}, slots.default?.());
-      }
-      const children = slots.default?.() || [];
-      const flatChildren = Array.isArray(children) ? children : [children];
-      let bodyVnode = null;
-      const headChildren = [];
-      for (const child of flatChildren) {
-        if (typeof child === "object" && child !== null) {
-          const vnode = child;
-          if (vnode.type === "head") {
-            if (vnode.children) {
-              if (Array.isArray(vnode.children)) {
-                for (const c of vnode.children) {
-                  if (typeof c === "object" && c !== null && "type" in c) {
-                    headChildren.push(c);
-                  }
-                }
-              }
-            }
-            continue;
-          }
-          if (vnode.type === Body) {
-            bodyVnode = vnode;
-            continue;
-          }
-          if (!bodyVnode) {
-            bodyVnode = vnode;
-          }
-        }
-      }
-      const result = [];
-      if (bodyVnode) {
-        result.push(bodyVnode);
-      }
-      if (hydrated.value && headChildren.length > 0) {
-        result.push(Vue.h(Vue.Teleport, {
-          to: "head"
-        }, headChildren));
-      }
-      return result.length === 1 ? result[0] : Vue.h(Vue.Fragment, result);
-    };
-  }
+import * as Vue from "vue";
+//#region src/Html.tsx
+var Html = Vue.defineComponent({
+	name: "Html",
+	setup(_, { slots }) {
+		const isServer = typeof window === "undefined";
+		const hydrated = Vue.ref(false);
+		if (!isServer) Vue.onMounted(() => {
+			hydrated.value = true;
+		});
+		return () => {
+			if (isServer) return Vue.h("html", {}, slots.default?.());
+			const children = slots.default?.() || [];
+			const flatChildren = Array.isArray(children) ? children : [children];
+			let bodyVnode = null;
+			const headChildren = [];
+			for (const child of flatChildren) if (typeof child === "object" && child !== null) {
+				const vnode = child;
+				if (vnode.type === "head") {
+					if (vnode.children) {
+						if (Array.isArray(vnode.children)) {
+							for (const c of vnode.children) if (typeof c === "object" && c !== null && "type" in c) headChildren.push(c);
+						}
+					}
+					continue;
+				}
+				if (vnode.type === Body) {
+					bodyVnode = vnode;
+					continue;
+				}
+				if (!bodyVnode) bodyVnode = vnode;
+			}
+			const result = [];
+			if (bodyVnode) result.push(bodyVnode);
+			if (hydrated.value && headChildren.length > 0) result.push(Vue.h(Vue.Teleport, { to: "head" }, headChildren));
+			return result.length === 1 ? result[0] : Vue.h(Vue.Fragment, result);
+		};
+	}
 });
-export {
-  Html
-};
-//# sourceMappingURL=Html.js.map
+//#endregion
+export { Html };
+
+//# sourceMappingURL=Html.js.map

package/dist/esm/Html.js.map

@@ -1 +1 @@
-{"version":3,"file":"Html.js","sources":["../../src/Html.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { Body } from './Body'\n\nexport const Html = Vue.defineComponent({\n  name: 'Html',\n  setup(_, { slots }) {\n    const isServer = typeof window === 'undefined'\n\n    const hydrated = Vue.ref(false)\n\n    if (!isServer) {\n      Vue.onMounted(() => {\n        hydrated.value = true\n      })\n    }\n\n    return () => {\n      if (isServer) {\n        return Vue.h('html', {}, slots.default?.())\n      }\n\n      const children = slots.default?.() || []\n      const flatChildren = Array.isArray(children) ? children : [children]\n      let bodyVnode: Vue.VNode | null = null\n      const headChildren: Array<Vue.VNode> = []\n\n      for (const child of flatChildren) {\n        if (typeof child === 'object' && child !== null) {\n          const vnode = child\n          if (vnode.type === 'head') {\n            if (vnode.children) {\n              if (Array.isArray(vnode.children)) {\n                for (const c of vnode.children) {\n                  if (typeof c === 'object' && c !== null && 'type' in c) {\n                    headChildren.push(c)\n                  }\n                }\n              }\n            }\n            continue\n          }\n          if (vnode.type === Body) {\n            bodyVnode = vnode\n            continue\n          }\n          if (!bodyVnode) {\n            bodyVnode = vnode\n          }\n        }\n      }\n\n      const result: Array<Vue.VNode> = []\n\n      if (bodyVnode) {\n        result.push(bodyVnode)\n      }\n\n      if (hydrated.value && headChildren.length > 0) {\n        result.push(Vue.h(Vue.Teleport, { to: 'head' }, headChildren))\n      }\n\n      return result.length === 1 ? result[0] : Vue.h(Vue.Fragment, result)\n    }\n  },\n})\n"],"names":["Html","Vue","defineComponent","name","setup","_","slots","isServer","window","hydrated","ref","onMounted","value","h","default","children","flatChildren","Array","isArray","bodyVnode","headChildren","child","vnode","type","c","push","Body","result","length","Teleport","to","Fragment"],"mappings":";;MAGaA,OAAOC,IAAIC,gBAAgB;AAAA,EACtCC,MAAM;AAAA,EACNC,MAAMC,GAAG;AAAA,IAAEC;AAAAA,EAAM,GAAG;AAClB,UAAMC,WAAW,OAAOC,WAAW;AAEnC,UAAMC,WAAWR,IAAIS,IAAI,KAAK;AAE9B,QAAI,CAACH,UAAU;AACbN,UAAIU,UAAU,MAAM;AAClBF,iBAASG,QAAQ;AAAA,MACnB,CAAC;AAAA,IACH;AAEA,WAAO,MAAM;AACX,UAAIL,UAAU;AACZ,eAAON,IAAIY,EAAE,QAAQ,CAAA,GAAIP,MAAMQ,WAAW;AAAA,MAC5C;AAEA,YAAMC,WAAWT,MAAMQ,UAAO,KAAQ,CAAA;AACtC,YAAME,eAAeC,MAAMC,QAAQH,QAAQ,IAAIA,WAAW,CAACA,QAAQ;AACnE,UAAII,YAA8B;AAClC,YAAMC,eAAiC,CAAA;AAEvC,iBAAWC,SAASL,cAAc;AAChC,YAAI,OAAOK,UAAU,YAAYA,UAAU,MAAM;AAC/C,gBAAMC,QAAQD;AACd,cAAIC,MAAMC,SAAS,QAAQ;AACzB,gBAAID,MAAMP,UAAU;AAClB,kBAAIE,MAAMC,QAAQI,MAAMP,QAAQ,GAAG;AACjC,2BAAWS,KAAKF,MAAMP,UAAU;AAC9B,sBAAI,OAAOS,MAAM,YAAYA,MAAM,QAAQ,UAAUA,GAAG;AACtDJ,iCAAaK,KAAKD,CAAC;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AACA;AAAA,UACF;AACA,cAAIF,MAAMC,SAASG,MAAM;AACvBP,wBAAYG;AACZ;AAAA,UACF;AACA,cAAI,CAACH,WAAW;AACdA,wBAAYG;AAAAA,UACd;AAAA,QACF;AAAA,MACF;AAEA,YAAMK,SAA2B,CAAA;AAEjC,UAAIR,WAAW;AACbQ,eAAOF,KAAKN,SAAS;AAAA,MACvB;AAEA,UAAIV,SAASG,SAASQ,aAAaQ,SAAS,GAAG;AAC7CD,eAAOF,KAAKxB,IAAIY,EAAEZ,IAAI4B,UAAU;AAAA,UAAEC,IAAI;AAAA,WAAUV,YAAY,CAAC;AAAA,MAC/D;AAEA,aAAOO,OAAOC,WAAW,IAAID,OAAO,CAAC,IAAI1B,IAAIY,EAAEZ,IAAI8B,UAAUJ,MAAM;AAAA,IACrE;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"Html.js","names":["Vue","Body","Html","defineComponent","name","setup","_","slots","isServer","window","hydrated","ref","onMounted","value","h","default","children","flatChildren","Array","isArray","bodyVnode","headChildren","child","vnode","type","c","push","result","length","Teleport","to","Fragment"],"sources":["../../src/Html.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { Body } from './Body'\n\nexport const Html = Vue.defineComponent({\n  name: 'Html',\n  setup(_, { slots }) {\n    const isServer = typeof window === 'undefined'\n\n    const hydrated = Vue.ref(false)\n\n    if (!isServer) {\n      Vue.onMounted(() => {\n        hydrated.value = true\n      })\n    }\n\n    return () => {\n      if (isServer) {\n        return Vue.h('html', {}, slots.default?.())\n      }\n\n      const children = slots.default?.() || []\n      const flatChildren = Array.isArray(children) ? children : [children]\n      let bodyVnode: Vue.VNode | null = null\n      const headChildren: Array<Vue.VNode> = []\n\n      for (const child of flatChildren) {\n        if (typeof child === 'object' && child !== null) {\n          const vnode = child\n          if (vnode.type === 'head') {\n            if (vnode.children) {\n              if (Array.isArray(vnode.children)) {\n                for (const c of vnode.children) {\n                  if (typeof c === 'object' && c !== null && 'type' in c) {\n                    headChildren.push(c)\n                  }\n                }\n              }\n            }\n            continue\n          }\n          if (vnode.type === Body) {\n            bodyVnode = vnode\n            continue\n          }\n          if (!bodyVnode) {\n            bodyVnode = vnode\n          }\n        }\n      }\n\n      const result: Array<Vue.VNode> = []\n\n      if (bodyVnode) {\n        result.push(bodyVnode)\n      }\n\n      if (hydrated.value && headChildren.length > 0) {\n        result.push(Vue.h(Vue.Teleport, { to: 'head' }, headChildren))\n      }\n\n      return result.length === 1 ? result[0] : Vue.h(Vue.Fragment, result)\n    }\n  },\n})\n"],"mappings":";;;AAGA,IAAaE,OAAOF,IAAIG,gBAAgB;CACtCC,MAAM;CACNC,MAAMC,GAAG,EAAEC,SAAS;EAClB,MAAMC,WAAW,OAAOC,WAAW;EAEnC,MAAMC,WAAWV,IAAIW,IAAI,MAAM;AAE/B,MAAI,CAACH,SACHR,KAAIY,gBAAgB;AAClBF,YAASG,QAAQ;IACjB;AAGJ,eAAa;AACX,OAAIL,SACF,QAAOR,IAAIc,EAAE,QAAQ,EAAE,EAAEP,MAAMQ,WAAW,CAAC;GAG7C,MAAMC,WAAWT,MAAMQ,WAAW,IAAI,EAAE;GACxC,MAAME,eAAeC,MAAMC,QAAQH,SAAS,GAAGA,WAAW,CAACA,SAAS;GACpE,IAAII,YAA8B;GAClC,MAAMC,eAAiC,EAAE;AAEzC,QAAK,MAAMC,SAASL,aAClB,KAAI,OAAOK,UAAU,YAAYA,UAAU,MAAM;IAC/C,MAAMC,QAAQD;AACd,QAAIC,MAAMC,SAAS,QAAQ;AACzB,SAAID,MAAMP;UACJE,MAAMC,QAAQI,MAAMP,SAAS;YAC1B,MAAMS,KAAKF,MAAMP,SACpB,KAAI,OAAOS,MAAM,YAAYA,MAAM,QAAQ,UAAUA,EACnDJ,cAAaK,KAAKD,EAAE;;;AAK5B;;AAEF,QAAIF,MAAMC,SAASvB,MAAM;AACvBmB,iBAAYG;AACZ;;AAEF,QAAI,CAACH,UACHA,aAAYG;;GAKlB,MAAMI,SAA2B,EAAE;AAEnC,OAAIP,UACFO,QAAOD,KAAKN,UAAU;AAGxB,OAAIV,SAASG,SAASQ,aAAaO,SAAS,EAC1CD,QAAOD,KAAK1B,IAAIc,EAAEd,IAAI6B,UAAU,EAAEC,IAAI,QAAQ,EAAET,aAAa,CAAC;AAGhE,UAAOM,OAAOC,WAAW,IAAID,OAAO,KAAK3B,IAAIc,EAAEd,IAAI+B,UAAUJ,OAAO;;;CAGzE,CAAC"}