feat(useAsyncState)!: set globalThis.reportError as default onError (#4951)

kalu5 · web-flow · commit f6e88984fcfa · 2025-08-12T01:26:52.000Z
diff --git a/packages/core/useAsyncState/index.test.ts b/packages/core/useAsyncState/index.test.ts
@@ -1,5 +1,6 @@
 import { promiseTimeout } from '@vueuse/shared'
 import { describe, expect, it, vi } from 'vitest'
+import { nextTick } from 'vue'
 import { useAsyncState } from './index'
 
 describe('useAsyncState', () => {
@@ -90,4 +91,23 @@ describe('useAsyncState', () => {
     const { execute } = useAsyncState(p2, '0', { throwError: true, immediate: false })
     await expect(execute()).rejects.toThrowError('error')
   })
+
+  it('default onError uses globalThis.reportError', async () => {
+    const originalReportError = globalThis.reportError
+    const mockReportError = vi.fn()
+    globalThis.reportError = mockReportError
+
+    const error = new Error('error message')
+    const func = vi.fn(async () => {
+      throw error
+    })
+
+    const { execute } = useAsyncState(func, '', { immediate: false })
+    await execute()
+    expect(func).toBeCalledTimes(1)
+
+    await nextTick()
+    expect(mockReportError).toHaveBeenCalledWith(error)
+    globalThis.reportError = originalReportError
+  })
 })
diff --git a/packages/core/useAsyncState/index.ts b/packages/core/useAsyncState/index.ts
@@ -87,7 +87,7 @@ export function useAsyncState<Data, Params extends any[] = any[], Shallow extend
   const {
     immediate = true,
     delay = 0,
-    onError = noop,
+    onError = globalThis.reportError ?? noop,
     onSuccess = noop,
     resetOnExecute = true,
     shallow = true,
