@kubb/plugin-react-query 3.0.0-alpha.2 → 3.0.0-alpha.21

package/src/__snapshots__/mutateAsQuery/updatePetWithForm.ts

@@ -1,64 +0,0 @@
-import client from "@kubb/plugin-client/client";
-import { useQuery } from "@tanstack/react-query";
-import type { UseBaseQueryOptions, UseQueryResult, QueryKey, WithRequired } from "@tanstack/react-query";
-
- type UpdatePetWithFormClient = typeof client<UpdatePetWithFormMutationResponse, UpdatePetWithForm405, UpdatePetWithFormMutationRequest>;
-type UpdatePetWithForm = {
-    data: UpdatePetWithFormMutationResponse;
-    error: UpdatePetWithForm405;
-    request: UpdatePetWithFormMutationRequest;
-    pathParams: UpdatePetWithFormPathParams;
-    queryParams: UpdatePetWithFormQueryParams;
-    headerParams: never;
-    response: UpdatePetWithFormMutationResponse;
-    client: {
-        parameters: Partial<Parameters<UpdatePetWithFormClient>[0]>;
-        return: Awaited<ReturnType<UpdatePetWithFormClient>>;
-    };
-};
-export const UpdatePetWithFormQueryKey = ({ petId }: {
-    petId: UpdatePetWithFormPathParams["petId"];
-}, params?: UpdatePetWithForm["queryParams"], data?: UpdatePetWithForm["request"]) => [{ url: "/pet/:petId", params: { petId: petId } }, ...(params ? [params] : []), ...(data ? [data] : [])] as const;
-export type UpdatePetWithFormQueryKey = ReturnType<typeof UpdatePetWithFormQueryKey>;
-export function UpdatePetWithFormQueryOptions<TData = UpdatePetWithForm["response"], TQueryData = UpdatePetWithForm["response"]>({ petId }: {
-    petId: UpdatePetWithFormPathParams["petId"];
-}, params?: UpdatePetWithForm["queryParams"], data?: UpdatePetWithForm["request"], options: UpdatePetWithForm["client"]["parameters"] = {}): WithRequired<UseBaseQueryOptions<UpdatePetWithForm["response"], UpdatePetWithForm["error"], TData, TQueryData>, "queryKey"> {
-    const queryKey = UpdatePetWithFormQueryKey({ petId }, params, data);
-    return {
-        queryKey,
-        queryFn: async () => {
-            const res = await client<UpdatePetWithForm["data"], UpdatePetWithForm["error"]>({
-                method: "post",
-                url: `/pet/${petId}`,
-                params,
-                data,
-                ...options
-            });
-            return res.data;
-        },
-    };
-}
-/**
- * @summary Updates a pet in the store with form data
- * @link /pet/:petId
- */
-export function updatePetWithForm<TData = UpdatePetWithForm["response"], TQueryData = UpdatePetWithForm["response"], TQueryKey extends QueryKey = UpdatePetWithFormQueryKey>({ petId }: {
-    petId: UpdatePetWithFormPathParams["petId"];
-}, params?: UpdatePetWithForm["queryParams"], data?: UpdatePetWithForm["request"], options: {
-    query?: Partial<UseBaseQueryOptions<UpdatePetWithForm["response"], UpdatePetWithForm["error"], TData, TQueryData, TQueryKey>>;
-    client?: UpdatePetWithForm["client"]["parameters"];
-} = {}): UseQueryResult<TData, UpdatePetWithForm["error"]> & {
-    queryKey: TQueryKey;
-} {
-    const { query: queryOptions, client: clientOptions = {} } = options ?? {};
-    const queryKey = queryOptions?.queryKey ?? UpdatePetWithFormQueryKey({ petId }, params, data);
-    const query = useQuery<UpdatePetWithForm["data"], UpdatePetWithForm["error"], TData, any>({
-        ...UpdatePetWithFormQueryOptions<TData, TQueryData>({ petId }, params, data, clientOptions),
-        queryKey,
-        ...queryOptions
-    }) as UseQueryResult<TData, UpdatePetWithForm["error"]> & {
-        queryKey: TQueryKey;
-    };
-    query.queryKey = queryKey as TQueryKey;
-    return query;
-}

package/src/__snapshots__/pathParamsTypeInline/getPetById.ts

@@ -1,57 +0,0 @@
-import client from "@kubb/plugin-client/client";
-import { useQuery } from "@tanstack/react-query";
-import type { UseBaseQueryOptions, UseQueryResult, QueryKey, WithRequired } from "@tanstack/react-query";
-
- type GetPetByIdClient = typeof client<GetPetByIdQueryResponse, GetPetById400 | GetPetById404, never>;
-type GetPetById = {
-    data: GetPetByIdQueryResponse;
-    error: GetPetById400 | GetPetById404;
-    request: never;
-    pathParams: GetPetByIdPathParams;
-    queryParams: never;
-    headerParams: never;
-    response: GetPetByIdQueryResponse;
-    client: {
-        parameters: Partial<Parameters<GetPetByIdClient>[0]>;
-        return: Awaited<ReturnType<GetPetByIdClient>>;
-    };
-};
-export const GetPetByIdQueryKey = (petId: GetPetByIdPathParams["petId"]) => [{ url: "/pet/:petId", params: { petId: petId } }] as const;
-export type GetPetByIdQueryKey = ReturnType<typeof GetPetByIdQueryKey>;
-export function GetPetByIdQueryOptions<TData = GetPetById["response"], TQueryData = GetPetById["response"]>(petId: GetPetByIdPathParams["petId"], options: GetPetById["client"]["parameters"] = {}): WithRequired<UseBaseQueryOptions<GetPetById["response"], GetPetById["error"], TData, TQueryData>, "queryKey"> {
-    const queryKey = GetPetByIdQueryKey(petId);
-    return {
-        queryKey,
-        queryFn: async () => {
-            const res = await client<GetPetById["data"], GetPetById["error"]>({
-                method: "get",
-                url: `/pet/${petId}`,
-                ...options
-            });
-            return res.data;
-        },
-    };
-}
-/**
- * @description Returns a single pet
- * @summary Find pet by ID
- * @link /pet/:petId
- */
-export function getPetById<TData = GetPetById["response"], TQueryData = GetPetById["response"], TQueryKey extends QueryKey = GetPetByIdQueryKey>(petId: GetPetByIdPathParams["petId"], options: {
-    query?: Partial<UseBaseQueryOptions<GetPetById["response"], GetPetById["error"], TData, TQueryData, TQueryKey>>;
-    client?: GetPetById["client"]["parameters"];
-} = {}): UseQueryResult<TData, GetPetById["error"]> & {
-    queryKey: TQueryKey;
-} {
-    const { query: queryOptions, client: clientOptions = {} } = options ?? {};
-    const queryKey = queryOptions?.queryKey ?? GetPetByIdQueryKey(petId);
-    const query = useQuery<GetPetById["data"], GetPetById["error"], TData, any>({
-        ...GetPetByIdQueryOptions<TData, TQueryData>(petId, clientOptions),
-        queryKey,
-        ...queryOptions
-    }) as UseQueryResult<TData, GetPetById["error"]> & {
-        queryKey: TQueryKey;
-    };
-    query.queryKey = queryKey as TQueryKey;
-    return query;
-}

package/src/__snapshots__/pathParamsTypeObject/getPetById.ts

@@ -1,63 +0,0 @@
-import client from "@kubb/plugin-client/client";
-import { useQuery } from "@tanstack/react-query";
-import type { UseBaseQueryOptions, UseQueryResult, QueryKey, WithRequired } from "@tanstack/react-query";
-
- type GetPetByIdClient = typeof client<GetPetByIdQueryResponse, GetPetById400 | GetPetById404, never>;
-type GetPetById = {
-    data: GetPetByIdQueryResponse;
-    error: GetPetById400 | GetPetById404;
-    request: never;
-    pathParams: GetPetByIdPathParams;
-    queryParams: never;
-    headerParams: never;
-    response: GetPetByIdQueryResponse;
-    client: {
-        parameters: Partial<Parameters<GetPetByIdClient>[0]>;
-        return: Awaited<ReturnType<GetPetByIdClient>>;
-    };
-};
-export const GetPetByIdQueryKey = ({ petId }: {
-    petId: GetPetByIdPathParams["petId"];
-}) => [{ url: "/pet/:petId", params: { petId: petId } }] as const;
-export type GetPetByIdQueryKey = ReturnType<typeof GetPetByIdQueryKey>;
-export function GetPetByIdQueryOptions<TData = GetPetById["response"], TQueryData = GetPetById["response"]>({ petId }: {
-    petId: GetPetByIdPathParams["petId"];
-}, options: GetPetById["client"]["parameters"] = {}): WithRequired<UseBaseQueryOptions<GetPetById["response"], GetPetById["error"], TData, TQueryData>, "queryKey"> {
-    const queryKey = GetPetByIdQueryKey({ petId });
-    return {
-        queryKey,
-        queryFn: async () => {
-            const res = await client<GetPetById["data"], GetPetById["error"]>({
-                method: "get",
-                url: `/pet/${petId}`,
-                ...options
-            });
-            return res.data;
-        },
-    };
-}
-/**
- * @description Returns a single pet
- * @summary Find pet by ID
- * @link /pet/:petId
- */
-export function getPetById<TData = GetPetById["response"], TQueryData = GetPetById["response"], TQueryKey extends QueryKey = GetPetByIdQueryKey>({ petId }: {
-    petId: GetPetByIdPathParams["petId"];
-}, options: {
-    query?: Partial<UseBaseQueryOptions<GetPetById["response"], GetPetById["error"], TData, TQueryData, TQueryKey>>;
-    client?: GetPetById["client"]["parameters"];
-} = {}): UseQueryResult<TData, GetPetById["error"]> & {
-    queryKey: TQueryKey;
-} {
-    const { query: queryOptions, client: clientOptions = {} } = options ?? {};
-    const queryKey = queryOptions?.queryKey ?? GetPetByIdQueryKey({ petId });
-    const query = useQuery<GetPetById["data"], GetPetById["error"], TData, any>({
-        ...GetPetByIdQueryOptions<TData, TQueryData>({ petId }, clientOptions),
-        queryKey,
-        ...queryOptions
-    }) as UseQueryResult<TData, GetPetById["error"]> & {
-        queryKey: TQueryKey;
-    };
-    query.queryKey = queryKey as TQueryKey;
-    return query;
-}

package/src/__snapshots__/queryOptions/getPetById.ts

@@ -1,37 +0,0 @@
-import client from "@kubb/plugin-client/client";
-import type { UseBaseQueryOptions, QueryKey, WithRequired } from "@tanstack/react-query";
-
- type GetPetByIdClient = typeof client<GetPetByIdQueryResponse, GetPetById400 | GetPetById404, never>;
-type GetPetById = {
-    data: GetPetByIdQueryResponse;
-    error: GetPetById400 | GetPetById404;
-    request: never;
-    pathParams: GetPetByIdPathParams;
-    queryParams: never;
-    headerParams: never;
-    response: GetPetByIdQueryResponse;
-    client: {
-        parameters: Partial<Parameters<GetPetByIdClient>[0]>;
-        return: Awaited<ReturnType<GetPetByIdClient>>;
-    };
-};
-export const GetPetByIdQueryKey = ({ petId }: {
-    petId: GetPetByIdPathParams["petId"];
-}) => [{ url: "/pet/:petId", params: { petId: petId } }] as const;
-export type GetPetByIdQueryKey = ReturnType<typeof GetPetByIdQueryKey>;
-export function GetPetByIdQueryOptions<TData = GetPetById["response"], TQueryData = GetPetById["response"]>({ petId }: {
-    petId: GetPetByIdPathParams["petId"];
-}, options: GetPetById["client"]["parameters"] = {}): WithRequired<UseBaseQueryOptions<GetPetById["response"], GetPetById["error"], TData, TQueryData>, "queryKey"> {
-    const queryKey = GetPetByIdQueryKey({ petId });
-    return {
-        queryKey,
-        queryFn: async () => {
-            const res = await client<GetPetById["data"], GetPetById["error"]>({
-                method: "get",
-                url: `/pet/${petId}`,
-                ...options
-            });
-            return res.data;
-        },
-    };
-}

package/src/__snapshots__/queryWithoutQueryOptions/getPetById.ts

@@ -1,47 +0,0 @@
-import client from "@kubb/plugin-client/client";
-import { useQuery } from "@tanstack/react-query";
-import type { UseBaseQueryOptions, UseQueryResult, QueryKey } from "@tanstack/react-query";
-
- type GetPetByIdClient = typeof client<GetPetByIdQueryResponse, GetPetById400 | GetPetById404, never>;
-type GetPetById = {
-    data: GetPetByIdQueryResponse;
-    error: GetPetById400 | GetPetById404;
-    request: never;
-    pathParams: GetPetByIdPathParams;
-    queryParams: never;
-    headerParams: never;
-    response: GetPetByIdQueryResponse;
-    client: {
-        parameters: Partial<Parameters<GetPetByIdClient>[0]>;
-        return: Awaited<ReturnType<GetPetByIdClient>>;
-    };
-};
-export const GetPetByIdQueryKey = ({ petId }: {
-    petId: GetPetByIdPathParams["petId"];
-}) => [{ url: "/pet/:petId", params: { petId: petId } }] as const;
-export type GetPetByIdQueryKey = ReturnType<typeof GetPetByIdQueryKey>;
-/**
- * @description Returns a single pet
- * @summary Find pet by ID
- * @link /pet/:petId
- */
-export function getPetById<TData = GetPetById["response"], TQueryData = GetPetById["response"], TQueryKey extends QueryKey = GetPetByIdQueryKey>({ petId }: {
-    petId: GetPetByIdPathParams["petId"];
-}, options: {
-    query?: Partial<UseBaseQueryOptions<GetPetById["response"], GetPetById["error"], TData, TQueryData, TQueryKey>>;
-    client?: GetPetById["client"]["parameters"];
-} = {}): UseQueryResult<TData, GetPetById["error"]> & {
-    queryKey: TQueryKey;
-} {
-    const { query: queryOptions, client: clientOptions = {} } = options ?? {};
-    const queryKey = queryOptions?.queryKey ?? GetPetByIdQueryKey({ petId });
-    const query = useQuery<GetPetById["data"], GetPetById["error"], TData, any>({
-        ...GetPetByIdQueryOptions<TData, TQueryData>({ petId }, clientOptions),
-        queryKey,
-        ...queryOptions
-    }) as UseQueryResult<TData, GetPetById["error"]> & {
-        queryKey: TQueryKey;
-    };
-    query.queryKey = queryKey as TQueryKey;
-    return query;
-}

package/src/__snapshots__/upload/UploadFile.ts

@@ -1,67 +0,0 @@
-import client from "@kubb/plugin-client/client";
-import { useQuery } from "@tanstack/react-query";
-import type { UseBaseQueryOptions, UseQueryResult, QueryKey, WithRequired } from "@tanstack/react-query";
-
- type UploadFileClient = typeof client<UploadFileMutationResponse, UploadFile400, FormData>;
-type UploadFile = {
-    data: UploadFileMutationResponse;
-    error: UploadFile400;
-    request: FormData;
-    pathParams: never;
-    queryParams: never;
-    headerParams: never;
-    response: UploadFileMutationResponse;
-    client: {
-        parameters: Partial<Parameters<UploadFileClient>[0]>;
-        return: Awaited<ReturnType<UploadFileClient>>;
-    };
-};
-export const UploadFileQueryKey = (data: UploadFile["request"]) => [{ url: "/upload" }, ...(data ? [data] : [])] as const;
-export type UploadFileQueryKey = ReturnType<typeof UploadFileQueryKey>;
-export function UploadFileQueryOptions<TData = UploadFile["response"], TQueryData = UploadFile["response"]>(data: UploadFile["request"], options: UploadFile["client"]["parameters"] = {}): WithRequired<UseBaseQueryOptions<UploadFile["response"], UploadFile["error"], TData, TQueryData>, "queryKey"> {
-    const queryKey = UploadFileQueryKey(data);
-    return {
-        queryKey,
-        queryFn: async () => {
-            const formData = new FormData();
-            if (data) {
-                Object.keys(data).forEach((key) => {
-                    const value = data[key];
-                    if (typeof key === "string" && (typeof value === "string" || value instanceof Blob)) {
-                        formData.append(key, value);
-                    }
-                });
-            }
-            const res = await client<UploadFile["data"], UploadFile["error"]>({
-                method: "post",
-                url: `/upload`,
-                data: formData,
-                headers: { "Content-Type": "multipart/form-data", ...options.headers },
-                ...options
-            });
-            return res.data;
-        },
-    };
-}
-/**
- * @description Upload file
- * @link /upload
- */
-export function UploadFile<TData = UploadFile["response"], TQueryData = UploadFile["response"], TQueryKey extends QueryKey = UploadFileQueryKey>(data: UploadFile["request"], options: {
-    query?: Partial<UseBaseQueryOptions<UploadFile["response"], UploadFile["error"], TData, TQueryData, TQueryKey>>;
-    client?: UploadFile["client"]["parameters"];
-} = {}): UseQueryResult<TData, UploadFile["error"]> & {
-    queryKey: TQueryKey;
-} {
-    const { query: queryOptions, client: clientOptions = {} } = options ?? {};
-    const queryKey = queryOptions?.queryKey ?? UploadFileQueryKey(data);
-    const query = useQuery<UploadFile["data"], UploadFile["error"], TData, any>({
-        ...UploadFileQueryOptions<TData, TQueryData>(data, clientOptions),
-        queryKey,
-        ...queryOptions
-    }) as UseQueryResult<TData, UploadFile["error"]> & {
-        queryKey: TQueryKey;
-    };
-    query.queryKey = queryKey as TQueryKey;
-    return query;
-}

package/src/__snapshots__/uploadMutation/UploadFile.ts

@@ -1,44 +0,0 @@
-import client from "@kubb/plugin-client/client";
-import type { UseBaseQueryOptions, QueryKey, WithRequired } from "@tanstack/react-query";
-
- type UploadFileClient = typeof client<UploadFileMutationResponse, UploadFile400, FormData>;
-type UploadFile = {
-    data: UploadFileMutationResponse;
-    error: UploadFile400;
-    request: FormData;
-    pathParams: never;
-    queryParams: never;
-    headerParams: never;
-    response: UploadFileMutationResponse;
-    client: {
-        parameters: Partial<Parameters<UploadFileClient>[0]>;
-        return: Awaited<ReturnType<UploadFileClient>>;
-    };
-};
-export const UploadFileQueryKey = (data: UploadFile["request"]) => [{ url: "/upload" }, ...(data ? [data] : [])] as const;
-export type UploadFileQueryKey = ReturnType<typeof UploadFileQueryKey>;
-export function UploadFileQueryOptions<TData = UploadFile["response"], TQueryData = UploadFile["response"]>(data: UploadFile["request"], options: UploadFile["client"]["parameters"] = {}): WithRequired<UseBaseQueryOptions<UploadFile["response"], UploadFile["error"], TData, TQueryData>, "queryKey"> {
-    const queryKey = UploadFileQueryKey(data);
-    return {
-        queryKey,
-        queryFn: async () => {
-            const formData = new FormData();
-            if (data) {
-                Object.keys(data).forEach((key) => {
-                    const value = data[key];
-                    if (typeof key === "string" && (typeof value === "string" || value instanceof Blob)) {
-                        formData.append(key, value);
-                    }
-                });
-            }
-            const res = await client<UploadFile["data"], UploadFile["error"]>({
-                method: "post",
-                url: `/upload`,
-                data: formData,
-                headers: { "Content-Type": "multipart/form-data", ...options.headers },
-                ...options
-            });
-            return res.data;
-        },
-    };
-}

package/src/__snapshots__/variablesTypeMutate/deletePet.ts

@@ -1,21 +0,0 @@
-import client from "@kubb/plugin-client/client";
-import type { QueryKey } from "@tanstack/react-query";
-
- type DeletePetClient = typeof client<DeletePetMutationResponse, DeletePet400, never>;
-type DeletePet = {
-    data: DeletePetMutationResponse;
-    error: DeletePet400;
-    request: never;
-    pathParams: DeletePetPathParams;
-    queryParams: never;
-    headerParams: DeletePetHeaderParams;
-    response: DeletePetMutationResponse;
-    client: {
-        parameters: Partial<Parameters<DeletePetClient>[0]>;
-        return: Awaited<ReturnType<DeletePetClient>>;
-    };
-};
-export const DeletePetQueryKey = ({ petId }: {
-    petId: DeletePetPathParams["petId"];
-}) => [{ url: "/pet/:petId", params: { petId: petId } }] as const;
-export type DeletePetQueryKey = ReturnType<typeof DeletePetQueryKey>;

package/src/components/Operations.tsx

@@ -1,74 +0,0 @@
-import { Parser, File, useApp } from '@kubb/react'
-
-import type { KubbNode } from '@kubb/react'
-import type { ComponentProps, ComponentType } from 'react'
-import type { FileMeta, PluginReactQuery } from '../types.ts'
-
-type TemplateProps = {}
-
-function Template({}: TemplateProps): KubbNode {
-  return null
-}
-
-type RootTemplateProps = {
-  children?: React.ReactNode
-}
-
-function RootTemplate({ children }: RootTemplateProps) {
-  const {
-    pluginManager,
-    plugin: { key: pluginKey },
-  } = useApp<PluginReactQuery>()
-
-  const file = pluginManager.getFile({
-    name: 'operations',
-    mode: 'split',
-    extName: '.ts',
-    pluginKey,
-  })
-
-  return (
-    <Parser language="typescript">
-      <File<FileMeta> baseName={file.baseName} path={file.path} meta={file.meta}>
-        <File.Source>{children}</File.Source>
-      </File>
-    </Parser>
-  )
-}
-
-const defaultTemplates = { default: Template, root: RootTemplate } as const
-
-type Templates = Partial<typeof defaultTemplates>
-
-type Props = {
-  /**
-   * This will make it possible to override the default behaviour.
-   */
-  Template?: ComponentType<ComponentProps<typeof Template>>
-}
-
-export function Operations({ Template = defaultTemplates.default }: Props): KubbNode {
-  return <Template />
-}
-
-type FileProps = {
-  /**
-   * This will make it possible to override the default behaviour.
-   */
-  templates?: Templates
-}
-
-Operations.File = function (props: FileProps): KubbNode {
-  const templates = { ...defaultTemplates, ...props.templates }
-
-  const Template = templates.default
-  const RootTemplate = templates.root
-
-  return (
-    <RootTemplate>
-      <Operations Template={Template} />
-    </RootTemplate>
-  )
-}
-
-Operations.templates = defaultTemplates

package/src/components/QueryImports.tsx

@@ -1,167 +0,0 @@
-import { PackageManager } from '@kubb/core'
-import { File } from '@kubb/react'
-
-import { getImportNames, reactQueryDepRegex } from '../utils.ts'
-
-import type { ReactNode } from 'react'
-
-type TemplateProps = {
-  /**
-   * Path to @tanstack-query
-   */
-  path: string
-  /**
-   * Override the path of 'useQuery'
-   * @default 'path'
-   */
-  hookPath: string | undefined
-  optionsType: string
-  queryOptions: string | undefined
-  resultType: string
-  hookName: string
-  isInfinite: boolean
-}
-
-function Template({ path, hookPath = path, isInfinite, hookName, queryOptions, optionsType, resultType }: TemplateProps): ReactNode {
-  return (
-    <>
-      <File.Import name={[optionsType, resultType]} path={path} isTypeOnly />
-      <File.Import name={[hookName]} path={hookPath} />
-
-      {queryOptions && <File.Import name={[queryOptions].filter(Boolean)} path={path} />}
-      <File.Import name={['QueryKey', 'WithRequired', isInfinite ? 'InfiniteData' : undefined].filter(Boolean)} path={path} isTypeOnly />
-    </>
-  )
-}
-
-type FrameworkProps = Partial<TemplateProps> & {
-  context: {
-    isInfinite: boolean
-    isSuspense: boolean
-  }
-}
-
-const defaultTemplates = {
-  get react() {
-    return function ({ context, hookPath, ...rest }: FrameworkProps): ReactNode {
-      const importNames = getImportNames()
-      const isV5 = new PackageManager().isValidSync(reactQueryDepRegex, '>=5')
-      const { isInfinite, isSuspense } = context
-
-      return (
-        <Template
-          isInfinite={isInfinite}
-          {...(isSuspense ? importNames.querySuspense.react : isInfinite ? importNames.queryInfinite.react : importNames.query.react)}
-          queryOptions={isV5 ? (isInfinite ? 'infiniteQueryOptions' : 'queryOptions') : undefined}
-          hookPath={hookPath}
-          {...rest}
-        />
-      )
-    }
-  },
-  get solid() {
-    return function ({ context, hookPath, ...rest }: FrameworkProps): ReactNode {
-      const importNames = getImportNames()
-      const isV5 = new PackageManager().isValidSync(reactQueryDepRegex, '>=5')
-      const { isInfinite } = context
-
-      return (
-        <Template
-          isInfinite={isInfinite}
-          {...(isInfinite ? importNames.queryInfinite.solid : importNames.query.solid)}
-          queryOptions={isV5 ? (isInfinite ? 'infiniteQueryOptions' : 'queryOptions') : undefined}
-          hookPath={hookPath}
-          {...rest}
-        />
-      )
-    }
-  },
-  get svelte() {
-    return function ({ context, hookPath, ...rest }: FrameworkProps): ReactNode {
-      const importNames = getImportNames()
-      const isV5 = new PackageManager().isValidSync(reactQueryDepRegex, '>=5')
-      const { isInfinite } = context
-
-      return (
-        <Template
-          isInfinite={isInfinite}
-          {...(isInfinite ? importNames.queryInfinite.svelte : importNames.query.svelte)}
-          queryOptions={isV5 ? (isInfinite ? 'infiniteQueryOptions' : 'queryOptions') : undefined}
-          hookPath={hookPath}
-          {...rest}
-        />
-      )
-    }
-  },
-  get vue() {
-    return function ({ context, hookPath, ...rest }: FrameworkProps): ReactNode {
-      const importNames = getImportNames()
-      const isV5 = new PackageManager().isValidSync(reactQueryDepRegex, '>=5')
-      const { isInfinite } = context
-      const path = '@tanstack/vue-query'
-
-      return (
-        <>
-          {isV5 && (
-            <>
-              <Template
-                isInfinite={isInfinite}
-                {...(isInfinite ? importNames.queryInfinite.vue : importNames.query.vue)}
-                queryOptions={isInfinite ? 'infiniteQueryOptions' : 'queryOptions'}
-                hookPath={hookPath}
-                {...rest}
-              />
-              <File.Import name={['QueryObserverOptions']} path={path} isTypeOnly />
-            </>
-          )}
-
-          {!isV5 && isInfinite && (
-            <>
-              <File.Import name={[importNames.queryInfinite.vue.resultType]} path={path} isTypeOnly />
-              <File.Import name={[importNames.queryInfinite.vue.optionsType]} path={'@tanstack/vue-query/build/lib/types'} isTypeOnly />
-              <File.Import name={[importNames.queryInfinite.vue.hookName]} path={path} />
-            </>
-          )}
-
-          {!isV5 && !isInfinite && (
-            <>
-              <File.Import name={[importNames.query.vue.resultType]} path={path} isTypeOnly />
-              <File.Import name={[importNames.query.vue.optionsType]} path={'@tanstack/vue-query/build/lib/types'} isTypeOnly />
-              <File.Import name={[importNames.query.vue.hookName]} path={path} />
-            </>
-          )}
-          <File.Import name={['unref']} path={'vue'} />
-          <File.Import name={['MaybeRef']} path={'vue'} isTypeOnly />
-          <File.Import name={['QueryKey', 'WithRequired']} path={path} isTypeOnly />
-        </>
-      )
-    }
-  },
-} as const
-
-type Props = {
-  hookPath: string | undefined
-  isInfinite: boolean
-  /**
-   * Only for React and v5
-   */
-  isSuspense: boolean
-  /**
-   * This will make it possible to override the default behaviour.
-   */
-  Template?: React.ComponentType<FrameworkProps>
-}
-
-export function QueryImports({ hookPath, isInfinite, isSuspense, Template = defaultTemplates.react }: Props): ReactNode {
-  return (
-    <Template
-      hookPath={hookPath}
-      context={{
-        isInfinite,
-        isSuspense,
-      }}
-    />
-  )
-}
-
-QueryImports.templates = defaultTemplates