@kubb/plugin-vue-query 3.0.0-beta.10 → 3.0.0-beta.12

package/dist/{types-Dx6yZliF.d.ts → types-C8LfCZUP.d.ts}

@@ -1,8 +1,8 @@
 import { PluginFactoryOptions, Output, Group, ResolveNameParams } from '@kubb/core';
-import { HttpMethod } from '@kubb/oas';
-import { ResolvePathOptions, Exclude, Include, Override, Generator } from '@kubb/plugin-oas';
+import { HttpMethod, Operation } from '@kubb/oas';
+import { ResolvePathOptions, Exclude, Include, Override, Generator, OperationSchemas } from '@kubb/plugin-oas';
 
-type Options$1 = {
+type Options$2 = {
     /**
      * Specify the export location for the files and define the behavior of the output
      * @default { path: 'clients', barrelType: 'named' }
@@ -23,7 +23,7 @@ type Options$1 = {
     /**
      * Array containing override parameters to override `options` based on tags/operations/methods/paths.
      */
-    override?: Array<Override<ResolvedOptions$1>>;
+    override?: Array<Override<ResolvedOptions$2>>;
     /**
      * Create `operations.ts` file with all operations grouped by methods.
      * @default false
@@ -36,6 +36,10 @@ type Options$1 = {
      * @default '@kubb/plugin-client/client'
      */
     importPath?: string;
+    /**
+     * Allows you to set a custom base url for all generated calls.
+     */
+    baseURL?: string;
     /**
      * ReturnType that will be used when calling the client.
      * - 'data' will return ResponseConfig[data].
@@ -74,23 +78,183 @@ type Options$1 = {
      */
     generators?: Array<Generator<PluginClient>>;
 };
-type ResolvedOptions$1 = {
+type ResolvedOptions$2 = {
     output: Output;
-    group?: Options$1['group'];
+    group?: Options$2['group'];
     baseURL: string | undefined;
-    parser: NonNullable<Options$1['parser']>;
-    importPath: NonNullable<Options$1['importPath']>;
-    dataReturnType: NonNullable<Options$1['dataReturnType']>;
+    parser: NonNullable<Options$2['parser']>;
+    importPath: NonNullable<Options$2['importPath']>;
+    dataReturnType: NonNullable<Options$2['dataReturnType']>;
+    pathParamsType: NonNullable<Options$2['pathParamsType']>;
+    paramsType: NonNullable<Options$2['paramsType']>;
+};
+type PluginClient = PluginFactoryOptions<'plugin-client', Options$2, ResolvedOptions$2, never, ResolvePathOptions>;
+
+type TransformerProps$1 = {
+    operation: Operation;
+    schemas: OperationSchemas;
+};
+type Transformer$1 = (props: TransformerProps$1) => unknown[];
+type Suspense = object;
+/**
+ * Customize the queryKey
+ */
+type QueryKey$1 = Transformer$1;
+/**
+ * Customize the mutationKey
+ */
+type MutationKey$1 = Transformer$1;
+type Query$1 = {
+    /**
+     * Define which HttpMethods can be used for queries
+     * @default ['get']
+     */
+    methods: Array<HttpMethod>;
+    /**
+     * Path to the useQuery that will be used to do the useQuery functionality.
+     * It will be used as `import { useQuery } from '${importPath}'`.
+     * It allows both relative and absolute path.
+     * the path will be applied as is, so relative path should be based on the file being generated.
+     * @default '@tanstack/react-query'
+     */
+    importPath?: string;
+};
+type Mutation$1 = {
+    /**
+     * Define which HttpMethods can be used for mutations
+     * @default ['post', 'put', 'delete']
+     */
+    methods: Array<HttpMethod>;
+    /**
+     * Path to the useQuery that will be used to do the useQuery functionality.
+     * It will be used as `import { useQuery } from '${importPath}'`.
+     * It allows both relative and absolute path.
+     * the path will be applied as is, so relative path should be based on the file being generated.
+     * @default '@tanstack/react-query'
+     */
+    importPath?: string;
+};
+type Infinite$1 = {
+    /**
+     * Specify the params key used for `pageParam`.
+     * @default 'id'
+     */
+    queryParam: string;
+    /**
+     * Which field of the data will be used, set it to undefined when no cursor is known.
+     */
+    cursorParam?: string | undefined;
+    /**
+     * The initial value, the value of the first page.
+     * @default 0
+     */
+    initialPageParam: unknown;
+};
+type Options$1 = {
+    /**
+     * Specify the export location for the files and define the behavior of the output
+     * @default { path: 'hooks', barrelType: 'named' }
+     */
+    output?: Output;
+    /**
+     * Group the @tanstack/query hooks based on the provided name.
+     */
+    group?: Group;
+    client?: Pick<PluginClient['options'], 'dataReturnType' | 'importPath' | 'baseURL'>;
+    /**
+     * Array containing exclude parameters to exclude/skip tags/operations/methods/paths.
+     */
+    exclude?: Array<Exclude>;
+    /**
+     * Array containing include parameters to include tags/operations/methods/paths.
+     */
+    include?: Array<Include>;
+    /**
+     * Array containing override parameters to override `options` based on tags/operations/methods/paths.
+     */
+    override?: Array<Override<ResolvedOptions$1>>;
+    /**
+     * How to pass your params
+     * - 'object' will return the params and pathParams as an object.
+     * - 'inline' will return the params as comma separated params.
+     * @default 'inline'
+     */
+    paramsType?: 'object' | 'inline';
+    /**
+     * How to pass your pathParams.
+     * - 'object' will return the pathParams as an object.
+     * - 'inline' will return the pathParams as comma separated params.
+     * @default 'inline'
+     */
+    pathParamsType?: PluginClient['options']['pathParamsType'];
+    /**
+     * When set, an infiniteQuery hooks will be added.
+     */
+    infinite?: Partial<Infinite$1> | false;
+    /**
+     * When set, a suspenseQuery hooks will be added.
+     */
+    suspense?: Partial<Suspense> | false;
+    queryKey?: QueryKey$1;
+    /**
+     * Override some useQuery behaviours.
+     */
+    query?: Partial<Query$1> | false;
+    mutationKey?: MutationKey$1;
+    /**
+     * Override some useMutation behaviours.
+     */
+    mutation?: Partial<Mutation$1> | false;
+    /**
+     * Which parser should be used before returning the data to `@tanstack/query`.
+     * `'zod'` will use `@kubb/plugin-zod` to parse the data.
+     */
+    parser?: PluginClient['options']['parser'];
+    transformers?: {
+        /**
+         * Customize the names based on the type that is provided by the plugin.
+         */
+        name?: (name: ResolveNameParams['name'], type?: ResolveNameParams['type']) => string;
+    };
+    /**
+     * Define some generators next to the react-query generators
+     */
+    generators?: Array<Generator<PluginReactQuery>>;
+};
+type ResolvedOptions$1 = {
+    output: Output;
+    client: Required<Omit<NonNullable<PluginReactQuery['options']['client']>, 'baseURL'>> & {
+        baseURL?: string;
+    };
+    parser: Required<NonNullable<Options$1['parser']>>;
     pathParamsType: NonNullable<Options$1['pathParamsType']>;
     paramsType: NonNullable<Options$1['paramsType']>;
+    /**
+     * Only used of infinite
+     */
+    infinite: NonNullable<Infinite$1> | false;
+    suspense: Suspense | false;
+    queryKey: QueryKey$1 | undefined;
+    query: NonNullable<Required<Query$1>> | false;
+    mutationKey: MutationKey$1 | undefined;
+    mutation: NonNullable<Required<Mutation$1>> | false;
 };
-type PluginClient = PluginFactoryOptions<'plugin-client', Options$1, ResolvedOptions$1, never, ResolvePathOptions>;
+type PluginReactQuery = PluginFactoryOptions<'plugin-react-query', Options$1, ResolvedOptions$1, never, ResolvePathOptions>;
 
+type TransformerProps = {
+    operation: Operation;
+    schemas: OperationSchemas;
+};
+type Transformer = (props: TransformerProps) => unknown[];
+/**
+ * Customize the queryKey
+ */
+type QueryKey = Transformer;
+/**
+ * Customize the mutationKey
+ */
+type MutationKey = Transformer;
 type Query = {
-    /**
-     * Customize the queryKey, here you can specify a suffix.
-     */
-    key: (key: unknown[]) => unknown[];
     /**
      * Define which HttpMethods can be used for queries
      * @default ['get']
@@ -106,10 +270,6 @@ type Query = {
     importPath?: string;
 };
 type Mutation = {
-    /**
-     * Customize the queryKey, here you can specify a suffix.
-     */
-    key: (key: unknown[]) => unknown[];
     /**
      * Define which HttpMethods can be used for mutations
      * @default ['post', 'put', 'delete']
@@ -150,7 +310,7 @@ type Options = {
      * Group the @tanstack/query hooks based on the provided name.
      */
     group?: Group;
-    client?: Pick<PluginClient['options'], 'dataReturnType' | 'importPath'>;
+    client?: Pick<PluginClient['options'], 'dataReturnType' | 'importPath' | 'baseURL'>;
     /**
      * Array containing exclude parameters to exclude/skip tags/operations/methods/paths.
      */
@@ -181,10 +341,12 @@ type Options = {
      * When set, an infiniteQuery hooks will be added.
      */
     infinite?: Partial<Infinite> | false;
+    queryKey?: QueryKey;
     /**
      * Override some useQuery behaviours.
      */
     query?: Partial<Query> | false;
+    mutationKey?: MutationKey;
     /**
      * Override some useMutation behaviours.
      */
@@ -207,8 +369,9 @@ type Options = {
 };
 type ResolvedOptions = {
     output: Output;
-    baseURL: string | undefined;
-    client: Required<NonNullable<PluginVueQuery['options']['client']>>;
+    client: Required<Omit<NonNullable<PluginReactQuery['options']['client']>, 'baseURL'>> & {
+        baseURL?: string;
+    };
     parser: Required<NonNullable<Options['parser']>>;
     paramsType: NonNullable<Options['paramsType']>;
     pathParamsType: NonNullable<Options['pathParamsType']>;
@@ -216,9 +379,11 @@ type ResolvedOptions = {
      * Only used of infinite
      */
     infinite: NonNullable<Infinite> | false;
+    queryKey: QueryKey | undefined;
     query: NonNullable<Required<Query>> | false;
+    mutationKey: MutationKey | undefined;
     mutation: NonNullable<Required<Mutation>> | false;
 };
 type PluginVueQuery = PluginFactoryOptions<'plugin-vue-query', Options, ResolvedOptions, never, ResolvePathOptions>;
 
-export type { Infinite as I, Options as O, PluginVueQuery as P };
+export type { Infinite as I, Options as O, PluginVueQuery as P, Transformer as T };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubb/plugin-vue-query",
-  "version": "3.0.0-beta.10",
+  "version": "3.0.0-beta.12",
   "description": "Generator vue-query hooks",
   "keywords": [
     "faker",
@@ -62,24 +62,24 @@
     "!/**/__tests__/**"
   ],
   "dependencies": {
-    "@kubb/core": "3.0.0-beta.10",
-    "@kubb/fs": "3.0.0-beta.10",
-    "@kubb/oas": "3.0.0-beta.10",
-    "@kubb/plugin-oas": "3.0.0-beta.10",
-    "@kubb/plugin-ts": "3.0.0-beta.10",
-    "@kubb/plugin-zod": "3.0.0-beta.10",
-    "@kubb/react": "3.0.0-beta.10"
+    "@kubb/core": "3.0.0-beta.12",
+    "@kubb/fs": "3.0.0-beta.12",
+    "@kubb/oas": "3.0.0-beta.12",
+    "@kubb/plugin-oas": "3.0.0-beta.12",
+    "@kubb/plugin-ts": "3.0.0-beta.12",
+    "@kubb/plugin-zod": "3.0.0-beta.12",
+    "@kubb/react": "3.0.0-beta.12"
   },
   "devDependencies": {
     "@types/react": "^18.3.12",
     "react": "^18.3.1",
     "tsup": "^8.3.5",
     "typescript": "^5.6.3",
-    "@kubb/config-ts": "3.0.0-beta.10",
-    "@kubb/config-tsup": "3.0.0-beta.10"
+    "@kubb/config-ts": "3.0.0-beta.12",
+    "@kubb/config-tsup": "3.0.0-beta.12"
   },
   "peerDependencies": {
-    "@kubb/react": "3.0.0-beta.10"
+    "@kubb/react": "3.0.0-beta.12"
   },
   "engines": {
     "node": ">=20"

package/src/components/MutationKey.tsx

@@ -4,7 +4,7 @@ import { File, Function, FunctionParams, Type } from '@kubb/react'
 import type { Operation } from '@kubb/oas'
 import type { OperationSchemas } from '@kubb/plugin-oas'
 import type { ReactNode } from 'react'
-import type { PluginVueQuery } from '../types'
+import type { PluginVueQuery, Transformer } from '../types'
 
 type Props = {
   name: string
@@ -12,7 +12,7 @@ type Props = {
   typeSchemas: OperationSchemas
   operation: Operation
   pathParamsType: PluginVueQuery['resolvedOptions']['pathParamsType']
-  keysFn: ((keys: unknown[]) => unknown[]) | undefined
+  transformer: Transformer | undefined
 }
 
 type GetParamsProps = {
@@ -24,16 +24,21 @@ function getParams({}: GetParamsProps) {
   return FunctionParams.factory({})
 }
 
-export function MutationKey({ name, typeSchemas, pathParamsType, operation, typeName, keysFn = (name) => name }: Props): ReactNode {
+const getTransformer: Transformer = ({ operation }) => {
   const path = new URLPath(operation.path)
+
+  return [JSON.stringify({ url: path.path })].filter(Boolean)
+}
+
+export function MutationKey({ name, typeSchemas, pathParamsType, operation, typeName, transformer = getTransformer }: Props): ReactNode {
   const params = getParams({ pathParamsType, typeSchemas })
-  const keys = [JSON.stringify({ url: path.path })].filter(Boolean)
+  const keys = transformer({ operation, schemas: typeSchemas })
 
   return (
     <>
       <File.Source name={name} isExportable isIndexable>
         <Function.Arrow name={name} export params={params.toConstructor()} singleLine>
-          {`[${keysFn(keys).join(', ')}] as const`}
+          {`[${keys.join(', ')}] as const`}
         </Function.Arrow>
       </File.Source>
       <File.Source name={typeName} isExportable isIndexable isTypeOnly>
@@ -46,3 +51,4 @@ export function MutationKey({ name, typeSchemas, pathParamsType, operation, type
 }
 
 MutationKey.getParams = getParams
+MutationKey.getTransformer = getTransformer

package/src/components/QueryKey.tsx

@@ -5,7 +5,7 @@ import { File, Function, FunctionParams, Type } from '@kubb/react'
 import { type Operation, isOptional } from '@kubb/oas'
 import type { OperationSchemas } from '@kubb/plugin-oas'
 import type { ReactNode } from 'react'
-import type { PluginVueQuery } from '../types'
+import type { PluginVueQuery, Transformer } from '../types'
 
 type Props = {
   name: string
@@ -13,7 +13,7 @@ type Props = {
   typeSchemas: OperationSchemas
   operation: Operation
   pathParamsType: PluginVueQuery['resolvedOptions']['pathParamsType']
-  keysFn: ((keys: unknown[]) => unknown[]) | undefined
+  transformer: Transformer | undefined
 }
 
 type GetParamsProps = {
@@ -50,23 +50,32 @@ function getParams({ pathParamsType, typeSchemas }: GetParamsProps) {
   })
 }
 
-export function QueryKey({ name, typeSchemas, pathParamsType, operation, typeName, keysFn = (name) => name }: Props): ReactNode {
+const getTransformer: Transformer = ({ operation, schemas }) => {
   const path = new URLPath(operation.path)
-  const params = getParams({ pathParamsType, typeSchemas })
   const keys = [
     path.toObject({
       type: 'path',
       stringify: true,
     }),
-    typeSchemas.queryParams?.name ? '...(params ? [params] : [])' : undefined,
-    typeSchemas.request?.name ? '...(data ? [data] : [])' : undefined,
+    schemas.queryParams?.name ? '...(params ? [params] : [])' : undefined,
+    schemas.request?.name ? '...(data ? [data] : [])' : undefined,
   ].filter(Boolean)
 
+  return keys
+}
+
+export function QueryKey({ name, typeSchemas, pathParamsType, operation, typeName, transformer = getTransformer }: Props): ReactNode {
+  const params = getParams({ pathParamsType, typeSchemas })
+  const keys = transformer({
+    operation,
+    schemas: typeSchemas,
+  })
+
   return (
     <>
       <File.Source name={name} isExportable isIndexable>
         <Function.Arrow name={name} export params={params.toConstructor()} singleLine>
-          {`[${keysFn(keys).join(', ')}] as const`}
+          {`[${keys.join(', ')}] as const`}
         </Function.Arrow>
       </File.Source>
       <File.Source name={typeName} isExportable isIndexable isTypeOnly>
@@ -79,3 +88,4 @@ export function QueryKey({ name, typeSchemas, pathParamsType, operation, typeNam
 }
 
 QueryKey.getParams = getParams
+QueryKey.getTransformer = getTransformer

package/src/generators/__snapshots__/clientDataReturnTypeFull.ts

@@ -2,7 +2,7 @@ import client from "@kubb/plugin-client/client";
 import type { RequestConfig, ResponseConfig } from "@kubb/plugin-client/client";
 import type { QueryKey, QueryObserverOptions, UseQueryReturnType } from "@tanstack/react-query";
 import type { MaybeRef } from "vue";
-import { useQuery, queryOptions } from "@tanstack/react-query";
+import { queryOptions, useQuery } from "@tanstack/react-query";
 import { unref } from "vue";
 
  export const findPetsByTagsQueryKey = (params?: MaybeRef<FindPetsByTagsQueryParams>) => [{ url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;

package/src/generators/__snapshots__/clientGetImportPath.ts

@@ -2,7 +2,7 @@ import client from "axios";
 import type { QueryKey, QueryObserverOptions, UseQueryReturnType } from "@tanstack/react-query";
 import type { RequestConfig } from "axios";
 import type { MaybeRef } from "vue";
-import { useQuery, queryOptions } from "@tanstack/react-query";
+import { queryOptions, useQuery } from "@tanstack/react-query";
 import { unref } from "vue";
 
  export const findPetsByTagsQueryKey = (params?: MaybeRef<FindPetsByTagsQueryParams>) => [{ url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;

package/src/generators/__snapshots__/clientPostImportPath.ts

@@ -1,8 +1,8 @@
 import client from "axios";
-import type { MutationObserverOptions } from "@tanstack/react-query";
+import type { MutationObserverOptions } from "@tanstack/vue-query";
 import type { RequestConfig } from "axios";
 import type { MaybeRef } from "vue";
-import { useMutation } from "@tanstack/react-query";
+import { useMutation } from "@tanstack/vue-query";
 
  export const updatePetWithFormMutationKey = () => [{ "url": "/pet/{petId}" }] as const;
 

package/src/generators/__snapshots__/findByTags.ts

@@ -2,7 +2,7 @@ import client from "@kubb/plugin-client/client";
 import type { RequestConfig } from "@kubb/plugin-client/client";
 import type { QueryKey, QueryObserverOptions, UseQueryReturnType } from "@tanstack/react-query";
 import type { MaybeRef } from "vue";
-import { useQuery, queryOptions } from "@tanstack/react-query";
+import { queryOptions, useQuery } from "@tanstack/react-query";
 import { unref } from "vue";
 
  export const findPetsByTagsQueryKey = (params?: MaybeRef<FindPetsByTagsQueryParams>) => [{ url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;

package/src/generators/__snapshots__/findByTagsObject.ts

@@ -2,7 +2,7 @@ import client from "@kubb/plugin-client/client";
 import type { RequestConfig } from "@kubb/plugin-client/client";
 import type { QueryKey, QueryObserverOptions, UseQueryReturnType } from "@tanstack/react-query";
 import type { MaybeRef } from "vue";
-import { useQuery, queryOptions } from "@tanstack/react-query";
+import { queryOptions, useQuery } from "@tanstack/react-query";
 import { unref } from "vue";
 
  export const findPetsByTagsQueryKey = (params?: MaybeRef<FindPetsByTagsQueryParams>) => [{ url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;

package/src/generators/__snapshots__/findByTagsPathParamsObject.ts

@@ -2,7 +2,7 @@ import client from "@kubb/plugin-client/client";
 import type { RequestConfig } from "@kubb/plugin-client/client";
 import type { QueryKey, QueryObserverOptions, UseQueryReturnType } from "@tanstack/react-query";
 import type { MaybeRef } from "vue";
-import { useQuery, queryOptions } from "@tanstack/react-query";
+import { queryOptions, useQuery } from "@tanstack/react-query";
 import { unref } from "vue";
 
  export const findPetsByTagsQueryKey = (params?: MaybeRef<FindPetsByTagsQueryParams>) => [{ url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;

package/src/generators/__snapshots__/findByTagsWithCustomQueryKey.ts

@@ -2,10 +2,10 @@ import client from "@kubb/plugin-client/client";
 import type { RequestConfig } from "@kubb/plugin-client/client";
 import type { QueryKey, QueryObserverOptions, UseQueryReturnType } from "@tanstack/react-query";
 import type { MaybeRef } from "vue";
-import { useQuery, queryOptions } from "@tanstack/react-query";
+import { queryOptions, useQuery } from "@tanstack/react-query";
 import { unref } from "vue";
 
- export const findPetsByTagsQueryKey = (params?: MaybeRef<FindPetsByTagsQueryParams>) => [test, { url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;
+ export const findPetsByTagsQueryKey = (params?: MaybeRef<FindPetsByTagsQueryParams>) => ["test", { url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;
 
  export type FindPetsByTagsQueryKey = ReturnType<typeof findPetsByTagsQueryKey>;
 

package/src/generators/__snapshots__/findByTagsWithZod.ts

@@ -2,7 +2,7 @@ import client from "@kubb/plugin-client/client";
 import type { RequestConfig } from "@kubb/plugin-client/client";
 import type { QueryKey, QueryObserverOptions, UseQueryReturnType } from "@tanstack/react-query";
 import type { MaybeRef } from "vue";
-import { useQuery, queryOptions } from "@tanstack/react-query";
+import { queryOptions, useQuery } from "@tanstack/react-query";
 import { unref } from "vue";
 
  export const findPetsByTagsQueryKey = (params?: MaybeRef<FindPetsByTagsQueryParams>) => [{ url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;

package/src/generators/__snapshots__/findInfiniteByTags.ts

@@ -2,7 +2,7 @@ import client from "@kubb/plugin-client/client";
 import type { RequestConfig } from "@kubb/plugin-client/client";
 import type { QueryKey, InfiniteQueryObserverOptions, UseInfiniteQueryReturnType } from "@tanstack/react-query";
 import type { MaybeRef } from "vue";
-import { useInfiniteQuery, infiniteQueryOptions } from "@tanstack/react-query";
+import { infiniteQueryOptions, useInfiniteQuery } from "@tanstack/react-query";
 
  export const findPetsByTagsInfiniteQueryKey = (params?: MaybeRef<FindPetsByTagsQueryParams>) => [{ url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;
 

package/src/generators/__snapshots__/findInfiniteByTagsCursor.ts

@@ -2,7 +2,7 @@ import client from "@kubb/plugin-client/client";
 import type { RequestConfig } from "@kubb/plugin-client/client";
 import type { QueryKey, InfiniteQueryObserverOptions, UseInfiniteQueryReturnType } from "@tanstack/react-query";
 import type { MaybeRef } from "vue";
-import { useInfiniteQuery, infiniteQueryOptions } from "@tanstack/react-query";
+import { infiniteQueryOptions, useInfiniteQuery } from "@tanstack/react-query";
 
  export const findPetsByTagsInfiniteQueryKey = (params?: MaybeRef<FindPetsByTagsQueryParams>) => [{ url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;
 

package/src/generators/__snapshots__/postAsQuery.ts

@@ -2,7 +2,7 @@ import client from "@kubb/plugin-client/client";
 import type { RequestConfig } from "@kubb/plugin-client/client";
 import type { QueryKey, QueryObserverOptions, UseQueryReturnType } from "custom-query";
 import type { MaybeRef } from "vue";
-import { useQuery, queryOptions } from "custom-query";
+import { queryOptions, useQuery } from "custom-query";
 import { unref } from "vue";
 
  export const updatePetWithFormQueryKey = (petId: MaybeRef<UpdatePetWithFormPathParams["petId"]>, data?: MaybeRef<UpdatePetWithFormMutationRequest>, params?: MaybeRef<UpdatePetWithFormQueryParams>) => [{ url: "/pet/:petId", params: { petId: petId } }, ...(params ? [params] : []), ...(data ? [data] : [])] as const;

package/src/generators/__snapshots__/updatePetById.ts

@@ -1,8 +1,8 @@
 import client from "@kubb/plugin-client/client";
 import type { RequestConfig } from "@kubb/plugin-client/client";
-import type { MutationObserverOptions } from "@tanstack/react-query";
+import type { MutationObserverOptions } from "@tanstack/vue-query";
 import type { MaybeRef } from "vue";
-import { useMutation } from "@tanstack/react-query";
+import { useMutation } from "@tanstack/vue-query";
 
  export const updatePetWithFormMutationKey = () => [{ "url": "/pet/{petId}" }] as const;
 

package/src/generators/__snapshots__/updatePetByIdPathParamsObject.ts

@@ -1,8 +1,8 @@
 import client from "@kubb/plugin-client/client";
 import type { RequestConfig } from "@kubb/plugin-client/client";
-import type { MutationObserverOptions } from "@tanstack/react-query";
+import type { MutationObserverOptions } from "@tanstack/vue-query";
 import type { MaybeRef } from "vue";
-import { useMutation } from "@tanstack/react-query";
+import { useMutation } from "@tanstack/vue-query";
 
  export const updatePetWithFormMutationKey = () => [{ "url": "/pet/{petId}" }] as const;