fix(vue-query): unwrap getter options in fetchQuery

.changeset/vue-query-fetch-query-getter-options.md

@@ -0,0 +1,5 @@
+---
+"@tanstack/vue-query": patch
+---
+
+Unwrap getter function options passed to `queryClient.fetchQuery`.

packages/vue-query/src/__tests__/queryClient.test.ts

@@ -339,6 +339,20 @@ describe('QueryCache', () => {
         queryKey: queryKeyUnref,
       })
     })
+
+    it('should unwrap getter function options', () => {
+      const queryClient = new QueryClient()
+
+      queryClient.fetchQuery(() => ({
+        queryKey: queryKeyRef,
+        queryFn: fn,
+      }))
+
+      expect(QueryClientOrigin.prototype.fetchQuery).toHaveBeenCalledWith({
+        queryKey: queryKeyUnref,
+        queryFn: fn,
+      })
+    })
   })
 
   describe('query', () => {

packages/vue-query/src/queryClient.ts

@@ -34,6 +34,14 @@ import type {
   Updater,
 } from '@tanstack/query-core'
 
+type MaybeRefDeepOrGetter<T> = MaybeRefDeep<T> | (() => T)
+
+function cloneDeepUnrefOrGet<T>(value: MaybeRefDeepOrGetter<T>): T {
+  const unwrapped = typeof value === 'function' ? (value as () => T)() : value
+
+  return cloneDeepUnref(unwrapped as MaybeRefDeep<T>)
+}
+
 export class QueryClient extends QC {
   constructor(config: QueryClientConfig = {}) {
     const vueQueryConfig = {
@@ -340,11 +348,11 @@ export class QueryClient extends QC {
     TQueryKey extends QueryKey = QueryKey,
     TPageParam = never,
   >(
-    options: MaybeRefDeep<
+    options: MaybeRefDeepOrGetter<
       FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey, TPageParam>
     >,
   ): Promise<TData> {
-    return super.fetchQuery(cloneDeepUnref(options))
+    return super.fetchQuery(cloneDeepUnrefOrGet(options))
   }
 
   /**