@tanstack/vue-router-ssr-query 1.140.5 → 1.141.0

package/dist/esm/index.js

@@ -6,28 +6,23 @@ function setupRouterSsrQueryIntegration(opts) {
   if (opts.wrapQueryClient === false) {
     return;
   }
-  const OGWrap = opts.router.options.Wrap || ((props) => props.children);
-  opts.router.options.Wrap = (props) => {
-    return Vue.h(QueryClientProvider, {
-      client: opts.queryClient
-    }, () => Vue.h(OGWrap, null, () => props.children));
-  };
-}
-const QueryClientProvider = Vue.defineComponent({
-  name: "QueryClientProvider",
-  props: {
-    client: {
-      type: Object,
-      required: true
+  const OGWrap = opts.router.options.Wrap;
+  opts.router.options.Wrap = Vue.defineComponent({
+    name: "QueryClientWrapper",
+    setup(_, {
+      slots
+    }) {
+      Vue.provide(VUE_QUERY_CLIENT, opts.queryClient);
+      return () => {
+        const children = slots.default?.();
+        if (OGWrap) {
+          return Vue.h(OGWrap, null, () => children);
+        }
+        return children;
+      };
     }
-  },
-  setup(props, {
-    slots
-  }) {
-    Vue.provide(VUE_QUERY_CLIENT, props.client);
-    return () => slots.default?.();
-  }
-});
+  });
+}
 export {
   setupRouterSsrQueryIntegration
 };

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { setupCoreRouterSsrQueryIntegration } from '@tanstack/router-ssr-query-core'\nimport type { RouterSsrQueryOptions } from '@tanstack/router-ssr-query-core'\nimport type { AnyRouter } from '@tanstack/vue-router'\nimport type { QueryClient } from '@tanstack/query-core'\n\n// Vue Query uses this string as the injection key\nconst VUE_QUERY_CLIENT = 'VUE_QUERY_CLIENT'\n\nexport type Options<TRouter extends AnyRouter> =\n  RouterSsrQueryOptions<TRouter> & {\n    wrapQueryClient?: boolean\n  }\n\nexport function setupRouterSsrQueryIntegration<TRouter extends AnyRouter>(\n  opts: Options<TRouter>,\n) {\n  setupCoreRouterSsrQueryIntegration(opts)\n\n  if (opts.wrapQueryClient === false) {\n    return\n  }\n\n  const OGWrap =\n    opts.router.options.Wrap || ((props: { children: any }) => props.children)\n\n  opts.router.options.Wrap = (props) => {\n    return Vue.h(QueryClientProvider, { client: opts.queryClient }, () =>\n      Vue.h(OGWrap, null, () => props.children),\n    )\n  }\n}\n\nconst QueryClientProvider = Vue.defineComponent({\n  name: 'QueryClientProvider',\n  props: {\n    client: {\n      type: Object as () => QueryClient,\n      required: true,\n    },\n  },\n  setup(props, { slots }) {\n    Vue.provide(VUE_QUERY_CLIENT, props.client)\n    return () => slots.default?.()\n  },\n})\n"],"names":["VUE_QUERY_CLIENT","setupRouterSsrQueryIntegration","opts","setupCoreRouterSsrQueryIntegration","wrapQueryClient","OGWrap","router","options","Wrap","props","children","Vue","h","QueryClientProvider","client","queryClient","defineComponent","name","type","Object","required","setup","slots","provide","default"],"mappings":";;AAOA,MAAMA,mBAAmB;AAOlB,SAASC,+BACdC,MACA;AACAC,qCAAmCD,IAAI;AAEvC,MAAIA,KAAKE,oBAAoB,OAAO;AAClC;AAAA,EACF;AAEA,QAAMC,SACJH,KAAKI,OAAOC,QAAQC,SAAUC,WAA6BA,MAAMC;AAEnER,OAAKI,OAAOC,QAAQC,OAAQC,WAAU;AACpC,WAAOE,IAAIC,EAAEC,qBAAqB;AAAA,MAAEC,QAAQZ,KAAKa;AAAAA,IAAY,GAAG,MAC9DJ,IAAIC,EAAEP,QAAQ,MAAM,MAAMI,MAAMC,QAAQ,CAC1C;AAAA,EACF;AACF;AAEA,MAAMG,sBAAsBF,IAAIK,gBAAgB;AAAA,EAC9CC,MAAM;AAAA,EACNR,OAAO;AAAA,IACLK,QAAQ;AAAA,MACNI,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;EAEFC,MAAMZ,OAAO;AAAA,IAAEa;AAAAA,EAAM,GAAG;AACtBX,QAAIY,QAAQvB,kBAAkBS,MAAMK,MAAM;AAC1C,WAAO,MAAMQ,MAAME,UAAO;AAAA,EAC5B;AACF,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { setupCoreRouterSsrQueryIntegration } from '@tanstack/router-ssr-query-core'\nimport type { RouterSsrQueryOptions } from '@tanstack/router-ssr-query-core'\nimport type { AnyRouter } from '@tanstack/vue-router'\n\n// Vue Query uses this string as the injection key\nconst VUE_QUERY_CLIENT = 'VUE_QUERY_CLIENT'\n\nexport type Options<TRouter extends AnyRouter> =\n  RouterSsrQueryOptions<TRouter> & {\n    wrapQueryClient?: boolean\n  }\n\nexport function setupRouterSsrQueryIntegration<TRouter extends AnyRouter>(\n  opts: Options<TRouter>,\n) {\n  setupCoreRouterSsrQueryIntegration(opts)\n\n  if (opts.wrapQueryClient === false) {\n    return\n  }\n\n  const OGWrap = opts.router.options.Wrap\n\n  opts.router.options.Wrap = Vue.defineComponent({\n    name: 'QueryClientWrapper',\n    setup(_, { slots }) {\n      Vue.provide(VUE_QUERY_CLIENT, opts.queryClient)\n      return () => {\n        const children = slots.default?.()\n        if (OGWrap) {\n          return Vue.h(OGWrap, null, () => children)\n        }\n        return children\n      }\n    },\n  }) as any\n}\n"],"names":["VUE_QUERY_CLIENT","setupRouterSsrQueryIntegration","opts","setupCoreRouterSsrQueryIntegration","wrapQueryClient","OGWrap","router","options","Wrap","Vue","defineComponent","name","setup","_","slots","provide","queryClient","children","default","h"],"mappings":";;AAMA,MAAMA,mBAAmB;AAOlB,SAASC,+BACdC,MACA;AACAC,qCAAmCD,IAAI;AAEvC,MAAIA,KAAKE,oBAAoB,OAAO;AAClC;AAAA,EACF;AAEA,QAAMC,SAASH,KAAKI,OAAOC,QAAQC;AAEnCN,OAAKI,OAAOC,QAAQC,OAAOC,IAAIC,gBAAgB;AAAA,IAC7CC,MAAM;AAAA,IACNC,MAAMC,GAAG;AAAA,MAAEC;AAAAA,IAAM,GAAG;AAClBL,UAAIM,QAAQf,kBAAkBE,KAAKc,WAAW;AAC9C,aAAO,MAAM;AACX,cAAMC,WAAWH,MAAMI,UAAO;AAC9B,YAAIb,QAAQ;AACV,iBAAOI,IAAIU,EAAEd,QAAQ,MAAM,MAAMY,QAAQ;AAAA,QAC3C;AACA,eAAOA;AAAAA,MACT;AAAA,IACF;AAAA,EACF,CAAC;AACH;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-router-ssr-query",
-  "version": "1.140.5",
+  "version": "1.141.0",
   "description": "Modern and scalable routing for Vue applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -44,13 +44,13 @@
     "node": ">=12"
   },
   "dependencies": {
-    "@tanstack/router-ssr-query-core": "1.140.5"
+    "@tanstack/router-ssr-query-core": "1.141.0"
   },
   "devDependencies": {
     "@tanstack/vue-query": "^5.92.0",
     "@vitejs/plugin-vue-jsx": "^4.1.2",
     "vue": "^3.5.25",
-    "@tanstack/vue-router": "1.140.5"
+    "@tanstack/vue-router": "1.141.0"
   },
   "peerDependencies": {
     "@tanstack/query-core": ">=5.90.0",

package/src/index.tsx

@@ -2,7 +2,6 @@ import * as Vue from 'vue'
 import { setupCoreRouterSsrQueryIntegration } from '@tanstack/router-ssr-query-core'
 import type { RouterSsrQueryOptions } from '@tanstack/router-ssr-query-core'
 import type { AnyRouter } from '@tanstack/vue-router'
-import type { QueryClient } from '@tanstack/query-core'
 
 // Vue Query uses this string as the injection key
 const VUE_QUERY_CLIENT = 'VUE_QUERY_CLIENT'
@@ -21,26 +20,19 @@ export function setupRouterSsrQueryIntegration<TRouter extends AnyRouter>(
     return
   }
 
-  const OGWrap =
-    opts.router.options.Wrap || ((props: { children: any }) => props.children)
+  const OGWrap = opts.router.options.Wrap
 
-  opts.router.options.Wrap = (props) => {
-    return Vue.h(QueryClientProvider, { client: opts.queryClient }, () =>
-      Vue.h(OGWrap, null, () => props.children),
-    )
-  }
-}
-
-const QueryClientProvider = Vue.defineComponent({
-  name: 'QueryClientProvider',
-  props: {
-    client: {
-      type: Object as () => QueryClient,
-      required: true,
+  opts.router.options.Wrap = Vue.defineComponent({
+    name: 'QueryClientWrapper',
+    setup(_, { slots }) {
+      Vue.provide(VUE_QUERY_CLIENT, opts.queryClient)
+      return () => {
+        const children = slots.default?.()
+        if (OGWrap) {
+          return Vue.h(OGWrap, null, () => children)
+        }
+        return children
+      }
     },
-  },
-  setup(props, { slots }) {
-    Vue.provide(VUE_QUERY_CLIENT, props.client)
-    return () => slots.default?.()
-  },
-})
+  }) as any
+}