fix(vue-query): useQueries options allow empty array and setup queryC…

…lient

packages/vue-query/src/useQueries.ts

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { QueriesObserver } from '@tanstack/query-core'
+import type { QueryClient } from '@tanstack/query-core'
 import { onScopeDispose, reactive, readonly, watch } from 'vue-demi'
 import type { Ref } from 'vue-demi'
 
@@ -125,15 +126,28 @@ export type UseQueriesResults<
 
 type UseQueriesOptionsArg<T extends any[]> = readonly [...UseQueriesOptions<T>]
 
+export type UseQueriesItem<T extends any[]> = Omit<
+  UseQueriesOptionsArg<T>,
+  'queryClient' | 'queryClientKey'
+>
+
 export function useQueries<T extends any[]>({
   queries,
+  ...queriesOptions
 }: {
-  queries: Ref<UseQueriesOptionsArg<T>> | UseQueriesOptionsArg<T>
-}): Readonly<UseQueriesResults<T>> {
+  queries: Ref<UseQueriesItem<T>> | UseQueriesItem<T>
+} & ({ queryClient?: QueryClient } | { queryClientKey?: string })): Readonly<
+  UseQueriesResults<T>
+> {
   const unreffedQueries = cloneDeepUnref(queries) as UseQueriesOptionsArg<T>
 
-  const queryClientKey = unreffedQueries[0].queryClientKey
-  const optionsQueryClient = unreffedQueries[0].queryClient
+  const optionsQueryClient =
+    'queryClient' in queriesOptions ? queriesOptions.queryClient : undefined
+  const queryClientKey =
+    'queryClientKey' in queriesOptions
+      ? queriesOptions.queryClientKey
+      : undefined
+
   const queryClient = optionsQueryClient ?? useQueryClient(queryClientKey)
   const defaultedQueries = unreffedQueries.map((options) => {
     return queryClient.defaultQueryOptions(options)