// 对 useFetch的封装
import { UseFetchOptions } from 'nuxt/app'
import { BASE_URL } from './config'

type IonResponse = (
  context: FetchContext & {
    response: FetchResponse<unknown>
  }
) => Promise<void> | void
type IonRequest = (context: FetchContext<unknown, ResponseType>) => void

class Request {
  private baseUrl: string
  private onRequest?: IonRequest
  private onResponse?: IonResponse
  constructor(baseUrl: string, onRequest?: IonRequest, onResponse?: IonResponse) {
    this.baseUrl = baseUrl
    this.onRequest = onRequest
    this.onResponse = onResponse
  }

  request<T>(url: string, type: 'get' | 'post', options?: UseFetchOptions<T>) {
    return new Promise<T>((resolve, reject) => {
      useFetch(url, {
        ...options,
        method: type,
        baseURL: this.baseUrl,
        onRequest: this.onRequest,
        onResponse: this.onResponse
      })
        .then((res) => {
          resolve(res.data.value as T)
        })
        .catch((err) => {
          reject(err)
        })
    })
  }

  get<T>(url: string, options: UseFetchOptions<T>) {
    return this.request<T>(url, 'get', options)
  }

  post<T>(url: string, options: UseFetchOptions<T>) {
    return this.request<T>(url, 'post', options)
  }
}

export default new Request(BASE_URL)