FIX use api fetch

Author: tacxou

app/src/composables/useApiFetch.ts

@@ -20,6 +20,19 @@ import { FetchError } from 'ofetch'
 
 // export const useApiFetch = useApiData
 
+function parseQuery(query: Record<string, any>, prefix: string = '') {
+  let parsedQuery: any = {}
+  for (const q in query) {
+    const key = prefix ? `${prefix}[${q}]` : q
+    if (typeof query[q] === 'object') {
+      parsedQuery = { ...parsedQuery, ...parseQuery(query[q], key) }
+    } else {
+      parsedQuery[key] = query[q]
+    }
+  }
+  return parsedQuery
+}
+
 export function useApiFetch<P extends AllPaths<Paths>, M extends IgnoreCase<keyof Paths[`/${P}`] & HttpMethod>>(
   path: MaybeRefOrGetter<P>,
   opts?: Omit<UseOpenApiDataOptions<Paths[`/${P}`], M>, 'method'> & {
@@ -35,15 +48,18 @@ export function useApiFetch<P extends AllPaths<Paths>, M extends IgnoreCase<keyo
   body?: Paths[`/${P}`][Lowercase<M>]['requestBody']['content']['application/json'],
 ): /* @ts-ignore */
   AsyncData<OpenApiResponse<Paths[`/${P}`][Lowercase<M>]> | undefined, FetchError<OpenApiError<Paths[`/${P}`][Lowercase<M>]>>> {
+  const query = parseQuery((opts as any)?.query || {})
   if (!body) {
     return useApiData(path, {
       ...opts,
+      query,
       cache: false,
       client: true,
     } as any)
   }
   return useApiData(path, {
     ...opts,
+    query,
     cache: false,
     client: true,
     body: {