fix(useFetch): respect custom fetch option (#1603)

vueuse · May 16, 2022 · 56eb358 · 56eb358
1 parent 0aecfe6
commit 56eb358
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/core/useFetch/index.test.ts b/packages/core/useFetch/index.test.ts
@@ -52,6 +52,18 @@ describe('useFetch', () => {
     })
   })
 
+  test('should use custom fetch', async () => {
+    let count = 0
+    await useFetch('https://example.com/', {
+      fetch(input: RequestInfo, init?: RequestInit | undefined) {
+        count = 1
+        return window.fetch(input, init)
+      },
+    })
+
+    expect(count).toEqual(1)
+  })
+
   test('should have an error on 400', async () => {
     const { error, statusCode } = useFetch('https://example.com?status=400')
 

diff --git a/packages/core/useFetch/index.ts b/packages/core/useFetch/index.ts
@@ -205,7 +205,7 @@ export interface CreateFetchOptions {
  * to include the new options
  */
 function isFetchOptions(obj: object): obj is UseFetchOptions {
-  return containsProp(obj, 'immediate', 'refetch', 'initialData', 'timeout', 'beforeFetch', 'afterFetch', 'onFetchError')
+  return containsProp(obj, 'immediate', 'refetch', 'initialData', 'timeout', 'beforeFetch', 'afterFetch', 'onFetchError', 'fetch')
 }
 
 function headersToObject(headers: HeadersInit | undefined) {