import {
 ValueTypes,
 GraphQLTypes,
 InputType,
 Thunder,
 OperationOptions,
 chainOptions,
} from '#shared/generated/zeus'
import { useQuery as useVueQuery } from 'vue-query'
import type { UseQueryOptions } from 'vue-query'
export function useQuery<
 O extends 'query_root',
 TData extends ValueTypes[O],
 TResult = InputType<GraphQLTypes[O], TData>
>(
 queryKey: string | unknown[],
 query: (() => TData | ValueTypes[O]) | TData | ValueTypes[O],
 options?: Omit<UseQueryOptions<TResult>, 'queryKey' | 'queryFn'>,
 zeusOptions?: OperationOptions,
 host = 'https://yourpai.com/v1/graphql',
 hostOptions: chainOptions[1] = {}
) {
 type HasuraData = { data: TResult }
 type HasuraError = { errors?: { message: string; extensions: { code: string; path: string } }[] }
 return useVueQuery<TResult>(
 queryKey,
 () => {
 const thunder = Thunder(async (query) => {
 const response = await $fetch<HasuraData>(host, {
 method: 'POST',
 body: { query },
 headers: {
 Authorization: `Bearer ${await useFirebase().value.auth.currentUser.getIdToken()}`,
 },
 ...hostOptions,
 })
 const hasuraError = response as HasuraError
 if (hasuraError.errors?.[0].message) {
 throw hasuraError.errors?.[0].message
 }
 return response.data
 })
 return thunder('query')(
 typeof query === 'function' ? query() : query,
 zeusOptions
 ) as Promise<TResult>
 },
 {
 onError: (error: any) => {
 useNotification(error, { type: 'error' })
 },
 ...options,
 }
 )
}