@tanstack/vue-start-client 1.166.9 → 1.166.11

package/dist/esm/StartClient.js

@@ -1,26 +1,23 @@
 import * as Vue from "vue";
 import { createVNode } from "vue";
 import { RouterProvider } from "@tanstack/vue-router";
-const StartClient = Vue.defineComponent({
-  name: "StartClient",
-  props: {
-    router: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    Vue.onMounted(() => {
-      Vue.nextTick(() => {
-        window.$_TSR?.h();
-      });
-    });
-    return () => createVNode(RouterProvider, {
-      "router": props.router
-    }, null);
-  }
+//#region src/StartClient.tsx
+var StartClient = Vue.defineComponent({
+	name: "StartClient",
+	props: { router: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		Vue.onMounted(() => {
+			Vue.nextTick(() => {
+				window.$_TSR?.h();
+			});
+		});
+		return () => createVNode(RouterProvider, { "router": props.router }, null);
+	}
 });
-export {
-  StartClient
-};
-//# sourceMappingURL=StartClient.js.map
+//#endregion
+export { StartClient };
+
+//# sourceMappingURL=StartClient.js.map

package/dist/esm/StartClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"StartClient.js","sources":["../../src/StartClient.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { RouterProvider } from '@tanstack/vue-router'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport const StartClient = Vue.defineComponent({\n  name: 'StartClient',\n  props: {\n    router: {\n      type: Object as () => AnyRouter,\n      required: true,\n    },\n  },\n  setup(props) {\n    // After Vue hydration is complete, signal that router hydration is complete so cleanup can happen if stream has ended\n    // Use nextTick to ensure all child component onMounted hooks have completed\n    // This prevents the cleanup to happen before components have finished transitioning\n    Vue.onMounted(() => {\n      Vue.nextTick(() => {\n        window.$_TSR?.h()\n      })\n    })\n\n    return () => <RouterProvider router={props.router} />\n  },\n})\n"],"names":["StartClient","Vue","defineComponent","name","props","router","type","Object","required","setup","onMounted","nextTick","window","$_TSR","h","_createVNode","RouterProvider"],"mappings":";;;MAIaA,cAAcC,IAAIC,gBAAgB;AAAA,EAC7CC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;EAEFC,MAAML,OAAO;AAIXH,QAAIS,UAAU,MAAM;AAClBT,UAAIU,SAAS,MAAM;AACjBC,eAAOC,OAAOC,EAAC;AAAA,MACjB,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAAC,YAAAC,gBAAA;AAAA,MAAA,UAA8BZ,MAAMC;AAAAA,OAAM,IAAA;AAAA,EACnD;AACF,CAAC;"}
+{"version":3,"file":"StartClient.js","names":["Vue","RouterProvider","StartClient","defineComponent","name","props","router","type","Object","required","setup","onMounted","nextTick","window","$_TSR","h","_createVNode"],"sources":["../../src/StartClient.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { RouterProvider } from '@tanstack/vue-router'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport const StartClient = Vue.defineComponent({\n  name: 'StartClient',\n  props: {\n    router: {\n      type: Object as () => AnyRouter,\n      required: true,\n    },\n  },\n  setup(props) {\n    // After Vue hydration is complete, signal that router hydration is complete so cleanup can happen if stream has ended\n    // Use nextTick to ensure all child component onMounted hooks have completed\n    // This prevents the cleanup to happen before components have finished transitioning\n    Vue.onMounted(() => {\n      Vue.nextTick(() => {\n        window.$_TSR?.h()\n      })\n    })\n\n    return () => <RouterProvider router={props.router} />\n  },\n})\n"],"mappings":";;;;AAIA,IAAaE,cAAcF,IAAIG,gBAAgB;CAC7CC,MAAM;CACNC,OAAO,EACLC,QAAQ;EACNC,MAAMC;EACNC,UAAU;EACZ,EACD;CACDC,MAAML,OAAO;AAIXL,MAAIW,gBAAgB;AAClBX,OAAIY,eAAe;AACjBC,WAAOC,OAAOC,GAAG;KACjB;IACF;AAEF,eAAOC,YAAAf,gBAAA,EAAA,UAA8BI,MAAMC,QAAM,EAAA,KAAI;;CAExD,CAAC"}

package/dist/esm/hydrateStart.js

@@ -1,44 +1,61 @@
-import { hydrateStart as hydrateStart$1 } from "@tanstack/start-client-core/client";
+import { hydrateStart } from "@tanstack/start-client-core/client";
+//#region src/hydrateStart.ts
+/**
+* Suppress expected hydration mismatch warnings for routes with ssr: 'data-only' or ssr: false
+* These routes intentionally render different content on server vs client.
+*
+* Note: We always suppress hydration warnings in Vue Start apps because:
+* 1. Routes with ssr: 'data-only' or ssr: false cause expected mismatches
+* 2. The ssr option is not reliably accessible from route.options for file-based routes
+* 3. DevTools components also cause expected mismatches in development
+* 4. In production builds, Vue strips these warnings anyway
+*/
 function suppressSsrHydrationMismatches(_router) {
-  const originalWarn = console.warn;
-  const originalError = console.error;
-  const isHydrationMismatchMessage = (args) => {
-    for (const arg of args) {
-      if (typeof arg !== "string") continue;
-      if (arg.includes("Hydration completed but contains mismatches") || arg.includes("Hydration node mismatch") || arg.includes("Hydration text mismatch") || arg.includes("Hydration children mismatch") || arg.includes("Hydration class mismatch") || arg.includes("Hydration style mismatch") || arg.includes("Hydration attribute mismatch")) {
-        return true;
-      }
-    }
-    return false;
-  };
-  console.warn = (...args) => {
-    if (isHydrationMismatchMessage(args)) {
-      return;
-    }
-    originalWarn.apply(console, args);
-  };
-  console.error = (...args) => {
-    if (isHydrationMismatchMessage(args)) {
-      return;
-    }
-    originalError.apply(console, args);
-  };
+	const originalWarn = console.warn;
+	const originalError = console.error;
+	const isHydrationMismatchMessage = (args) => {
+		for (const arg of args) {
+			if (typeof arg !== "string") continue;
+			if (arg.includes("Hydration completed but contains mismatches") || arg.includes("Hydration node mismatch") || arg.includes("Hydration text mismatch") || arg.includes("Hydration children mismatch") || arg.includes("Hydration class mismatch") || arg.includes("Hydration style mismatch") || arg.includes("Hydration attribute mismatch")) return true;
+		}
+		return false;
+	};
+	console.warn = (...args) => {
+		if (isHydrationMismatchMessage(args)) return;
+		originalWarn.apply(console, args);
+	};
+	console.error = (...args) => {
+		if (isHydrationMismatchMessage(args)) return;
+		originalError.apply(console, args);
+	};
 }
+/**
+* Configure a Vue app to suppress expected hydration mismatch warnings
+* for routes with ssr: false or ssr: 'data-only'
+* Call this after createSSRApp and before app.mount()
+*
+* Note: We always suppress hydration warnings in Vue Start apps because:
+* 1. Routes with ssr: 'data-only' or ssr: false cause expected mismatches
+* 2. The ssr option is not reliably accessible from route.options for file-based routes
+* 3. DevTools components also cause expected mismatches in development
+* 4. In production builds, Vue strips these warnings anyway
+*/
 function configureHydrationSuppressions(app, _router) {
-  app.config.warnHandler = (msg, _instance, _trace) => {
-    if (msg.includes("Hydration node mismatch") || msg.includes("Hydration text mismatch") || msg.includes("Hydration children mismatch") || msg.includes("Hydration class mismatch") || msg.includes("Hydration style mismatch") || msg.includes("Hydration attribute mismatch")) {
-      return;
-    }
-    console.warn(`[Vue warn]: ${msg}`);
-  };
+	app.config.warnHandler = (msg, _instance, _trace) => {
+		if (msg.includes("Hydration node mismatch") || msg.includes("Hydration text mismatch") || msg.includes("Hydration children mismatch") || msg.includes("Hydration class mismatch") || msg.includes("Hydration style mismatch") || msg.includes("Hydration attribute mismatch")) return;
+		console.warn(`[Vue warn]: ${msg}`);
+	};
 }
-async function hydrateStart() {
-  const router = await hydrateStart$1();
-  suppressSsrHydrationMismatches();
-  return router;
+/**
+* Vue-specific wrapper for hydrateStart that installs hydration mismatch
+* suppression for routes with ssr: false or ssr: 'data-only' before returning
+*/
+async function hydrateStart$1() {
+	const router = await hydrateStart();
+	suppressSsrHydrationMismatches(router);
+	return router;
 }
-export {
-  configureHydrationSuppressions,
-  hydrateStart
-};
-//# sourceMappingURL=hydrateStart.js.map
+//#endregion
+export { configureHydrationSuppressions, hydrateStart$1 as hydrateStart };
+
+//# sourceMappingURL=hydrateStart.js.map

package/dist/esm/hydrateStart.js.map

@@ -1 +1 @@
-{"version":3,"file":"hydrateStart.js","sources":["../../src/hydrateStart.ts"],"sourcesContent":["import { hydrateStart as coreHydrateStart } from '@tanstack/start-client-core/client'\nimport type { AnyRouter } from '@tanstack/router-core'\nimport type { App } from 'vue'\n\n/**\n * Suppress expected hydration mismatch warnings for routes with ssr: 'data-only' or ssr: false\n * These routes intentionally render different content on server vs client.\n *\n * Note: We always suppress hydration warnings in Vue Start apps because:\n * 1. Routes with ssr: 'data-only' or ssr: false cause expected mismatches\n * 2. The ssr option is not reliably accessible from route.options for file-based routes\n * 3. DevTools components also cause expected mismatches in development\n * 4. In production builds, Vue strips these warnings anyway\n */\nfunction suppressSsrHydrationMismatches(_router: AnyRouter): void {\n  const originalWarn = console.warn\n  const originalError = console.error\n\n  const isHydrationMismatchMessage = (args: Array<unknown>): boolean => {\n    // Check all args since Vue may pass message in different positions\n    for (const arg of args) {\n      if (typeof arg !== 'string') continue\n      if (\n        arg.includes('Hydration completed but contains mismatches') ||\n        arg.includes('Hydration node mismatch') ||\n        arg.includes('Hydration text mismatch') ||\n        arg.includes('Hydration children mismatch') ||\n        arg.includes('Hydration class mismatch') ||\n        arg.includes('Hydration style mismatch') ||\n        arg.includes('Hydration attribute mismatch')\n      ) {\n        return true\n      }\n    }\n    return false\n  }\n\n  console.warn = (...args) => {\n    if (isHydrationMismatchMessage(args)) {\n      return // Suppress hydration warnings\n    }\n    originalWarn.apply(console, args)\n  }\n\n  console.error = (...args) => {\n    if (isHydrationMismatchMessage(args)) {\n      return // Suppress hydration warnings\n    }\n    originalError.apply(console, args)\n  }\n}\n\n/**\n * Configure a Vue app to suppress expected hydration mismatch warnings\n * for routes with ssr: false or ssr: 'data-only'\n * Call this after createSSRApp and before app.mount()\n *\n * Note: We always suppress hydration warnings in Vue Start apps because:\n * 1. Routes with ssr: 'data-only' or ssr: false cause expected mismatches\n * 2. The ssr option is not reliably accessible from route.options for file-based routes\n * 3. DevTools components also cause expected mismatches in development\n * 4. In production builds, Vue strips these warnings anyway\n */\nexport function configureHydrationSuppressions(\n  app: App,\n  _router: AnyRouter,\n): void {\n  // Always install the warnHandler to suppress hydration warnings\n  // Vue's app.config.warnHandler intercepts dev warnings BEFORE console.warn\n  app.config.warnHandler = (msg, _instance, _trace) => {\n    // Suppress hydration mismatch warnings\n    if (\n      msg.includes('Hydration node mismatch') ||\n      msg.includes('Hydration text mismatch') ||\n      msg.includes('Hydration children mismatch') ||\n      msg.includes('Hydration class mismatch') ||\n      msg.includes('Hydration style mismatch') ||\n      msg.includes('Hydration attribute mismatch')\n    ) {\n      return // Suppress the warning\n    }\n    // Let other warnings through to console\n    console.warn(`[Vue warn]: ${msg}`)\n  }\n}\n\n/**\n * Vue-specific wrapper for hydrateStart that installs hydration mismatch\n * suppression for routes with ssr: false or ssr: 'data-only' before returning\n */\nexport async function hydrateStart(): Promise<AnyRouter> {\n  const router = await coreHydrateStart()\n  // Install console suppression before app.mount() is called\n  // This catches the \"Hydration completed but contains mismatches\" error\n  suppressSsrHydrationMismatches(router)\n  return router\n}\n"],"names":["coreHydrateStart"],"mappings":";AAcA,SAAS,+BAA+B,SAA0B;AAChE,QAAM,eAAe,QAAQ;AAC7B,QAAM,gBAAgB,QAAQ;AAE9B,QAAM,6BAA6B,CAAC,SAAkC;AAEpE,eAAW,OAAO,MAAM;AACtB,UAAI,OAAO,QAAQ,SAAU;AAC7B,UACE,IAAI,SAAS,6CAA6C,KAC1D,IAAI,SAAS,yBAAyB,KACtC,IAAI,SAAS,yBAAyB,KACtC,IAAI,SAAS,6BAA6B,KAC1C,IAAI,SAAS,0BAA0B,KACvC,IAAI,SAAS,0BAA0B,KACvC,IAAI,SAAS,8BAA8B,GAC3C;AACA,eAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,UAAQ,OAAO,IAAI,SAAS;AAC1B,QAAI,2BAA2B,IAAI,GAAG;AACpC;AAAA,IACF;AACA,iBAAa,MAAM,SAAS,IAAI;AAAA,EAClC;AAEA,UAAQ,QAAQ,IAAI,SAAS;AAC3B,QAAI,2BAA2B,IAAI,GAAG;AACpC;AAAA,IACF;AACA,kBAAc,MAAM,SAAS,IAAI;AAAA,EACnC;AACF;AAaO,SAAS,+BACd,KACA,SACM;AAGN,MAAI,OAAO,cAAc,CAAC,KAAK,WAAW,WAAW;AAEnD,QACE,IAAI,SAAS,yBAAyB,KACtC,IAAI,SAAS,yBAAyB,KACtC,IAAI,SAAS,6BAA6B,KAC1C,IAAI,SAAS,0BAA0B,KACvC,IAAI,SAAS,0BAA0B,KACvC,IAAI,SAAS,8BAA8B,GAC3C;AACA;AAAA,IACF;AAEA,YAAQ,KAAK,eAAe,GAAG,EAAE;AAAA,EACnC;AACF;AAMA,eAAsB,eAAmC;AACvD,QAAM,SAAS,MAAMA,eAAA;AAGrB,iCAAqC;AACrC,SAAO;AACT;"}
+{"version":3,"file":"hydrateStart.js","names":[],"sources":["../../src/hydrateStart.ts"],"sourcesContent":["import { hydrateStart as coreHydrateStart } from '@tanstack/start-client-core/client'\nimport type { AnyRouter } from '@tanstack/router-core'\nimport type { App } from 'vue'\n\n/**\n * Suppress expected hydration mismatch warnings for routes with ssr: 'data-only' or ssr: false\n * These routes intentionally render different content on server vs client.\n *\n * Note: We always suppress hydration warnings in Vue Start apps because:\n * 1. Routes with ssr: 'data-only' or ssr: false cause expected mismatches\n * 2. The ssr option is not reliably accessible from route.options for file-based routes\n * 3. DevTools components also cause expected mismatches in development\n * 4. In production builds, Vue strips these warnings anyway\n */\nfunction suppressSsrHydrationMismatches(_router: AnyRouter): void {\n  const originalWarn = console.warn\n  const originalError = console.error\n\n  const isHydrationMismatchMessage = (args: Array<unknown>): boolean => {\n    // Check all args since Vue may pass message in different positions\n    for (const arg of args) {\n      if (typeof arg !== 'string') continue\n      if (\n        arg.includes('Hydration completed but contains mismatches') ||\n        arg.includes('Hydration node mismatch') ||\n        arg.includes('Hydration text mismatch') ||\n        arg.includes('Hydration children mismatch') ||\n        arg.includes('Hydration class mismatch') ||\n        arg.includes('Hydration style mismatch') ||\n        arg.includes('Hydration attribute mismatch')\n      ) {\n        return true\n      }\n    }\n    return false\n  }\n\n  console.warn = (...args) => {\n    if (isHydrationMismatchMessage(args)) {\n      return // Suppress hydration warnings\n    }\n    originalWarn.apply(console, args)\n  }\n\n  console.error = (...args) => {\n    if (isHydrationMismatchMessage(args)) {\n      return // Suppress hydration warnings\n    }\n    originalError.apply(console, args)\n  }\n}\n\n/**\n * Configure a Vue app to suppress expected hydration mismatch warnings\n * for routes with ssr: false or ssr: 'data-only'\n * Call this after createSSRApp and before app.mount()\n *\n * Note: We always suppress hydration warnings in Vue Start apps because:\n * 1. Routes with ssr: 'data-only' or ssr: false cause expected mismatches\n * 2. The ssr option is not reliably accessible from route.options for file-based routes\n * 3. DevTools components also cause expected mismatches in development\n * 4. In production builds, Vue strips these warnings anyway\n */\nexport function configureHydrationSuppressions(\n  app: App,\n  _router: AnyRouter,\n): void {\n  // Always install the warnHandler to suppress hydration warnings\n  // Vue's app.config.warnHandler intercepts dev warnings BEFORE console.warn\n  app.config.warnHandler = (msg, _instance, _trace) => {\n    // Suppress hydration mismatch warnings\n    if (\n      msg.includes('Hydration node mismatch') ||\n      msg.includes('Hydration text mismatch') ||\n      msg.includes('Hydration children mismatch') ||\n      msg.includes('Hydration class mismatch') ||\n      msg.includes('Hydration style mismatch') ||\n      msg.includes('Hydration attribute mismatch')\n    ) {\n      return // Suppress the warning\n    }\n    // Let other warnings through to console\n    console.warn(`[Vue warn]: ${msg}`)\n  }\n}\n\n/**\n * Vue-specific wrapper for hydrateStart that installs hydration mismatch\n * suppression for routes with ssr: false or ssr: 'data-only' before returning\n */\nexport async function hydrateStart(): Promise<AnyRouter> {\n  const router = await coreHydrateStart()\n  // Install console suppression before app.mount() is called\n  // This catches the \"Hydration completed but contains mismatches\" error\n  suppressSsrHydrationMismatches(router)\n  return router\n}\n"],"mappings":";;;;;;;;;;;;AAcA,SAAS,+BAA+B,SAA0B;CAChE,MAAM,eAAe,QAAQ;CAC7B,MAAM,gBAAgB,QAAQ;CAE9B,MAAM,8BAA8B,SAAkC;AAEpE,OAAK,MAAM,OAAO,MAAM;AACtB,OAAI,OAAO,QAAQ,SAAU;AAC7B,OACE,IAAI,SAAS,8CAA8C,IAC3D,IAAI,SAAS,0BAA0B,IACvC,IAAI,SAAS,0BAA0B,IACvC,IAAI,SAAS,8BAA8B,IAC3C,IAAI,SAAS,2BAA2B,IACxC,IAAI,SAAS,2BAA2B,IACxC,IAAI,SAAS,+BAA+B,CAE5C,QAAO;;AAGX,SAAO;;AAGT,SAAQ,QAAQ,GAAG,SAAS;AAC1B,MAAI,2BAA2B,KAAK,CAClC;AAEF,eAAa,MAAM,SAAS,KAAK;;AAGnC,SAAQ,SAAS,GAAG,SAAS;AAC3B,MAAI,2BAA2B,KAAK,CAClC;AAEF,gBAAc,MAAM,SAAS,KAAK;;;;;;;;;;;;;;AAetC,SAAgB,+BACd,KACA,SACM;AAGN,KAAI,OAAO,eAAe,KAAK,WAAW,WAAW;AAEnD,MACE,IAAI,SAAS,0BAA0B,IACvC,IAAI,SAAS,0BAA0B,IACvC,IAAI,SAAS,8BAA8B,IAC3C,IAAI,SAAS,2BAA2B,IACxC,IAAI,SAAS,2BAA2B,IACxC,IAAI,SAAS,+BAA+B,CAE5C;AAGF,UAAQ,KAAK,eAAe,MAAM;;;;;;;AAQtC,eAAsB,iBAAmC;CACvD,MAAM,SAAS,MAAM,cAAkB;AAGvC,gCAA+B,OAAO;AACtC,QAAO"}

package/dist/esm/index.js

@@ -1,8 +1,3 @@
 import { StartClient } from "./StartClient.js";
 import { configureHydrationSuppressions, hydrateStart } from "./hydrateStart.js";
-export {
-  StartClient,
-  configureHydrationSuppressions,
-  hydrateStart
-};
-//# sourceMappingURL=index.js.map
+export { StartClient, configureHydrationSuppressions, hydrateStart };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-start-client",
-  "version": "1.166.9",
+  "version": "1.166.11",
   "description": "Modern and scalable routing for Vue applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -45,9 +45,9 @@
   "dependencies": {
     "tiny-invariant": "^1.3.3",
     "tiny-warning": "^1.0.3",
-    "@tanstack/router-core": "1.167.1",
-    "@tanstack/vue-router": "1.167.1",
-    "@tanstack/start-client-core": "1.166.9"
+    "@tanstack/router-core": "1.167.3",
+    "@tanstack/vue-router": "1.167.3",
+    "@tanstack/start-client-core": "1.166.11"
   },
   "devDependencies": {
     "@testing-library/vue": "^8.1.0",

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}