✨ feat (composables): add xfetch

app/composables/useXfetch.ts

@@ -0,0 +1,70 @@
+export interface XError {
+  code: string
+  message: string
+  expectedVal?: string
+  givenVal?: string
+}
+
+export type XErrors = Record<string, XError>
+
+export interface XfetchResult {
+  success: boolean
+  status_code: number
+  body: object | any
+  errors?: XErrors | undefined
+  error?: XError | undefined
+  message?: string
+}
+
+export type XfetchMethod = 'GET' | 'POST' | 'PATCH' | 'PUT' | 'DELETE'
+
+export async function xfetch(
+  url: string,
+  method: XfetchMethod = 'GET',
+  input?: object | FormData,
+  headers?: any,
+  _type = 'json',
+): Promise<XfetchResult> {
+  let success = false
+  let body: object | any = {}
+  let errors: XErrors = {}
+  let error: XError | undefined = {
+    code: '',
+    message: '',
+  }
+  let message: string | undefined = ''
+
+  if (!headers) {
+    headers = {}
+  }
+  if (input && !(input instanceof FormData)) {
+    headers['Content-Type'] = 'application/json'
+  }
+
+  try {
+    const res = await $fetch.raw(url, {
+      method,
+      headers,
+      body: input instanceof FormData ? input : JSON.stringify(input),
+    })
+
+    body = res._data
+    success = true
+    return { success, status_code: res.status, body, errors, error, message }
+  } catch (fetchError: any) {
+    const status = fetchError.response?.status || 500
+    const resJson = fetchError.data
+
+    if (resJson?.errors) {
+      errors = resJson.errors
+    } else if (resJson?.code && resJson?.message) {
+      error = { code: resJson.code, message: resJson.message }
+    } else if (resJson?.message) {
+      message = resJson.message
+    } else {
+      message = fetchError.message || 'Something went wrong'
+    }
+
+    return { success, status_code: status, body, errors, error, message }
+  }
+}