Create createPrefetchQuery and createPrefetchInfiniteQuery for @tanstack/svelte-query and @tanstack/vue-query

[Arkanii]

Actually there is export { usePrefetchInfiniteQuery, usePrefetchQuery } from './prefetch.js'; for React, but not for Svelte and Vue.

Can you add them please ? Thanks !

[DamianOsipiuk]

Those hooks are basically 5 lines of code without types.

Either add them in your project, or you can also open a PR to add them to respective adapters.

export function usePrefetchQuery<
  TQueryFnData = unknown,
  TError = DefaultError,
  TData = TQueryFnData,
  TQueryKey extends QueryKey = QueryKey,
>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {
  const queryClient = useQueryClient()

  if (!queryClient.getQueryState(options.queryKey)) {
    queryClient.prefetchQuery(options)
  }
}