Feature Request: AbortController shortcut syntax

[willin]

ref: https://developer.mozilla.org/en-US/docs/Web/API/AbortController

[MichaelGitArt]

😶

[bloor]

A request-abort is much needed, especially for React/Vue projects.
Please provide a solution.

[xuxucode]

It does support AbortController. $fetch accepts options whatever you passed in: https://github.com/unjs/ohmyfetch/blob/main/src/fetch.ts#L127.

For example:

  const controller = new AbortController();
  const signal = controller.signal;
  $fetch(url, { signal });

  controller.abort();

[bf]

AbortController already works like @xuxucode has posted. I tried it. I think we can close this!

[pi0]

Indeed. AbortController is supported univerally. I was keeping issue open if we can make a better shortcut syntax for ofetch for canceling requests..

[CaptainFalcon92]

In case it could help as inspiration, vueuse provides an abort() function from its version of useFetch()
https://github.com/vueuse/vueuse/blob/main/packages/core/useFetch/index.ts#L359
https://vueuse.org/core/useFetch/#aborting-a-request

The AbortController instance is created internally.

Using ofetch through Nuxt, i mostly use the built-in useFetch composables - not the vueuse one - thus not enjoying this easy-cancellable wizardry. Still it looks like the implementation could be borrowed.

[pi0]

We expose an auto polyfilled version of AbortController with #268

[MickL]

In case it could help as inspiration, vueuse provides an abort() function from its version of useFetch() https://github.com/vueuse/vueuse/blob/main/packages/core/useFetch/index.ts#L359 https://vueuse.org/core/useFetch/#aborting-a-request

I would also prefer to have a simple abort() function