feat: allow returning HydrateOptions & DehydrateOptions in virtual:pluginHook.ts

Author: n0099

packages/vue-query-nuxt/src/runtime/plugin.ts

@@ -10,17 +10,17 @@ export default defineNuxtPlugin((nuxt) => {
   const queryClient = new QueryClient(queryClientOptions)
 
   // The plugin hook is replaced by the user provided vue-query.config.ts and allow advanced modifications
-  const { pluginReturn, vueQueryPluginOptions: hookOptions } = pluginHook({ queryClient, nuxt })
+  const { pluginReturn, vueQueryPluginOptions: hookOptions, hydrateOptions, dehydrateOptions } = pluginHook({ queryClient, nuxt })
 
   nuxt.vueApp.use(VueQueryPlugin, { queryClient, ...vueQueryPluginOptions, ...hookOptions })
 
   if (import.meta.server) {
     nuxt.hooks.hook("app:rendered", () => {
-      vueQueryState.value = dehydrate(queryClient)
+      vueQueryState.value = dehydrate(queryClient, dehydrateOptions)
     })
   }
 
-  if (import.meta.client) hydrate(queryClient, vueQueryState.value)
+  if (import.meta.client) hydrate(queryClient, vueQueryState.value, hydrateOptions)
 
   return pluginReturn
 })

packages/vue-query-nuxt/src/runtime/types.ts

@@ -1,5 +1,5 @@
 import type { NuxtApp } from "nuxt/app"
-import type { QueryClient, VueQueryPluginOptions } from "@tanstack/vue-query"
+import type { DehydrateOptions, HydrateOptions, QueryClient, VueQueryPluginOptions } from "@tanstack/vue-query"
 
 export type NuxtPluginReturn =
 | void
@@ -13,4 +13,4 @@ export interface PluginHookParameters {
   queryClient: QueryClient
 }
 
-export interface PluginHookReturn { pluginReturn: NuxtPluginReturn; vueQueryPluginOptions?: VueQueryPluginOptions }
+export interface PluginHookReturn { pluginReturn: NuxtPluginReturn; vueQueryPluginOptions?: VueQueryPluginOptions, hydrateOptions?: HydrateOptions, dehydrateOptions?: DehydrateOptions }

packages/vue-query-nuxt/src/runtime/virtual:pluginHook.ts

@@ -6,5 +6,5 @@ import type { PluginHookParameters, PluginHookReturn } from "./types"
 
 // eslint-disable-next-line unused-imports/no-unused-vars
 export function pluginHook(pluginHookParameters: PluginHookParameters): PluginHookReturn {
-  return { pluginReturn: {}, vueQueryPluginOptions: {} }
+  return { pluginReturn: {}, vueQueryPluginOptions: {}, hydrateOptions: {}, dehydrateOptions: {} }
 }