feat: custom open fetch by ofetch

Author: hungify

src/utils/__tests__/fetch.spec.ts

@@ -0,0 +1,21 @@
+import { describe, expect, it } from 'vitest'
+import { createOpenFetch } from '../fetch'
+import type { paths } from '#/generated/api-schema'
+
+describe('fetch', () => {
+  it('should fill path correctly', async () => {
+    const $fetch = createOpenFetch<paths>({
+      baseURL: 'https://api.example.com',
+    })
+
+    await $fetch('/auth/login', {
+      method: 'POST',
+      body: {
+        email: 'admin@example.com',
+        password: 'password',
+      },
+    })
+
+    await $fetch('/pets/{id}', {})
+  })
+})

src/utils/fetch.ts

@@ -74,10 +74,11 @@ export type OpenFetchClient<Paths> = <
     ? 'get'
     : LowercasedMethod,
   ResT = FetchResponseData<Paths[ReqT][DefaultMethod]>,
+  ErrorT = FetchResponseError<Methods[DefaultMethod]>,
 >(
   url: ReqT,
   options?: OpenFetchOptions<Method, LowercasedMethod, Methods>,
-) => Promise<ResT>
+) => Promise<ResT | ErrorT>
 
 // More flexible way to rewrite the request path,
 // but has problems - https://github.com/unjs/ofetch/issues/319
@@ -91,7 +92,7 @@ export function openFetchRequestInterceptor(ctx: FetchContext) {
 export function createOpenFetch<Paths>(
   options: FetchOptions | ((options: FetchOptions) => FetchOptions),
 ): OpenFetchClient<Paths> {
-  return (url: string, opts: any) => {
+  return (url: string, opts: any = {}) => {
     return $fetch(
       fillPath(url, opts?.path),
       typeof options === 'function'