import type { FetchOptions } from 'ofetch'

export function useApi() {
  const config = useRuntimeConfig()
  const apiBase = config.public.apiBase as string

  const fetch = ofetch.create({
    baseURL: apiBase,
    credentials: 'include',
    headers: {
      'Content-Type': 'application/json',
    },
  })

  const request = async <T>(url: string, options?: FetchOptions): Promise<T> => {
    try {
      return await fetch<T>(url, {
        ...options,
        credentials: 'include',
      })
    } catch (error: any) {
      if (error.status === 401) {
        const authStore = useAuthStore()
        authStore.clearUser()
      }
      throw error
    }
  }

  return {
    get: <T>(url: string, options?: FetchOptions) => request<T>(url, { ...options, method: 'GET' }),
    post: <T>(url: string, body?: any, options?: FetchOptions) =>
      request<T>(url, { ...options, method: 'POST', body }),
    put: <T>(url: string, body?: any, options?: FetchOptions) =>
      request<T>(url, { ...options, method: 'PUT', body }),
    delete: <T>(url: string, options?: FetchOptions) =>
      request<T>(url, { ...options, method: 'DELETE' }),
  }
}