\n \u003C/template>\n \u003C/UAccordion>\n\u003C/template>\n```\n\ndid i miss something?\n\n### Additional context\n\n_No response_",[2892,2894],{"name":2866,"color":2893},"a2eeef",{"name":2895,"color":2896},"triage","ffffff",3868,"ui","Allow assigning IDs to Nuxt UI Tab panels for scroll targeting","2025-04-12T08:35:52Z","https://github.com/nuxt/ui/issues/3868",0.6872212,{"description":2904,"labels":2905,"number":2907,"owner":2872,"repository":2872,"state":2873,"title":2908,"updated_at":2909,"url":2910,"score":2911},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v20.11.0\r\n- Nuxt Version: 3.12.3\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: bun@1.1.18\r\n- Builder: -\r\n- User Config: compatibilityDate, devtools\r\n- Runtime Modules: \r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-zckkxt\r\n\r\n### Describe the bug\r\n\r\nIf you use `useFetch` with the same target url in multiple components, the application will fetch this multiple times.\r\n\r\ne.g. `useFetch('/api/random')`\r\n\r\nEven if the docs describe another behavior \r\n\r\n**From docs:**\r\n\r\nAbout Keys\r\n\r\n> [useFetch](https://nuxt.com/docs/api/composables/use-fetch) uses the provided URL as a key. Alternatively, a key value can be provided in the options object passed as a last argument.\r\n\r\nThere is a hint, about using references or functions in options\r\n\r\n> If you provide a function or ref as the url parameter, or if you provide functions as arguments to the options parameter, then the useFetch call will not match other useFetch calls elsewhere in your codebase, even if the options seem to be identical. If you wish to force a match, you may provide your own key in options.\r\n\r\nFrom Data-Fetching docs\r\n\r\n> Since the autogenerated key only takes into account the file and line where useAsyncData is invoked, it is recommended to always create your own key to avoid unwanted behavior, like when you are creating your own custom composable wrapping useAsyncData.\r\n\r\nSince `useFetch` just wraps `useAsyncData` it could be that the same rule counts for `useFetch`, but its not clear from the docs. If you read the docs you would assume that `useFetch` passes a generated key by URL to `useAsyncData` independent from the file and line where it was invoked.\r\n\r\nUsing \r\n```ts\r\nuseFetch('/api/random', { key: 'my-key' })\r\n```\r\nprevents multiple calls.\r\n\r\n\r\n### **What would be expected behaviour?**\r\nWhenever the auto-generated `key` by passed url from `useFetch` is identical across components, the composable should act same as passing the `key` as option.\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2906],{"name":2882,"color":2883},28169,"useFetch only prevents multiple requests when `key` option is set","2024-07-16T11:21:42Z","https://github.com/nuxt/nuxt/issues/28169",0.68853736,{"description":2913,"labels":2914,"number":2919,"owner":2872,"repository":2872,"state":2920,"title":2921,"updated_at":2922,"url":2923,"score":2924},"### Describe the feature\n\nHere is a reference:https://github.com/sot1986/nuxt-laravel-precognition\r\n\r\nThis package has a `useForm` function and it provide a way to custom the fetch client.\r\nIf the `useFetch` can provide something like this, that would be very nice.\r\n\r\nI have read the docs and I know I can define my own `useCustomFetch`, but I think `useFetch` is shorter and more eleganter.\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2915,2918],{"name":2916,"color":2917},"3.x","29bc7f",{"name":2882,"color":2883},24004,"closed","Use custom $fetch client for useFetch","2023-10-29T04:04:47Z","https://github.com/nuxt/nuxt/issues/24004",0.6502573,{"description":2926,"labels":2927,"number":2930,"owner":2872,"repository":2872,"state":2920,"title":2931,"updated_at":2932,"url":2933,"score":2934},"### Describe the feature\n\n我重新封装了一下useFetch,在使用的时候,通过onRequest添加Authorization。\r\n等我在组件内使用的时候,为了不触发依赖改变的自动请求,我就在onRequest函数内注入body参数,这样表单数据修改的时候,不会触发自动请求。\r\n\r\n由于onRequest是一个函数,所以我需要自己进行嵌套函数。\r\n如果是一个数组,就可以在数组随便push了。\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2928,2929],{"name":2916,"color":2917},{"name":2882,"color":2883},19046,"useFetch的几个钩子现在是函数,希望变成数组形势","2023-02-16T08:44:15Z","https://github.com/nuxt/nuxt/issues/19046",0.6711047,{"description":2936,"labels":2937,"number":2940,"owner":2872,"repository":2872,"state":2920,"title":2941,"updated_at":2942,"url":2943,"score":2944},"### Environment\r\n\r\nUbuntu LTS\r\nNode LTS\r\nYarn \r\nNuxt 3.0 Stable (but the behavior was the same before upgrading)\r\n\r\n### Reproduction\r\n\r\nI made a quick unlisted video to show what I'm seeing : https://youtu.be/HLVo4bKutDc\r\n\r\nhere is the commit where I swapped useFetch() for $fetch which solved my problem \r\n[commit changing to $fetch](https://github.com/jurassicjs/nuxt3-fullstack-tutorial/commit/6285fd209826c9b706e907da51e92c62203c97a0#diff-cf165891da9c918972cea091125793e19b138cd81b25bde2b3236f604d7fd8ddR18)\r\n\r\nI wasn't able to reproduce the error on stackblitz. \r\n\r\n### Describe the bug\r\n\r\nuseFetch() sends doubled, but swapping useFetch() for $fetch does not. \r\n \r\nchanging useFetch() to $fetch caused to duplicate sending to stop. \r\n\r\n### Additional context\r\n\r\nThe component where the-double-sending-useFetch() is located is nested, and the parent component also contains a useFetch() \r\n\r\nPossibly related: https://github.com/nuxt/nuxt.js/issues/13369\r\n\r\n### Logs\r\n\r\n_No response_",[2938,2939],{"name":2916,"color":2917},{"name":2882,"color":2883},15528,"useFetch sends double Request in nested component ( Under some conditions )","2023-10-10T08:42:01Z","https://github.com/nuxt/nuxt/issues/15528",0.6728977,{"description":2946,"labels":2947,"number":2950,"owner":2872,"repository":2872,"state":2920,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Environment\n\nN/A\n\n### Reproduction\n\n[Reproduction](https://stackblitz.com/edit/nuxt-usefetch-bug?file=app.vue,composables%2Futil.ts).\n\n### Describe the bug\n\nWhen `useFetch` is shared between multiple calls, i.e it has been wrapped in another function the benefits of the `autoKey` are lost. \r\n\r\nIt is not uncommon to wrap `useFetch` in another function in order to set headers upon each request to an API, for example setting the authorization header. \r\n\r\nThis means that the autoKey is no longer unique. This is fine for most purposes but fails in some [specific circumstances](https://github.com/nuxt/nuxt/blob/9741f267be1c04a69f3a25204c175f98d834565b/packages/nuxt/src/app/composables/fetch.ts#L72). For example using function to define the path, `() => '/api/fetch'` with no unique query string or parameters. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2948,2949],{"name":2916,"color":2917},{"name":2882,"color":2883},22377,"`useFetch` hash collisions when sharing a call","2023-07-29T04:23:09Z","https://github.com/nuxt/nuxt/issues/22377",0.6763106,{"description":2956,"labels":2957,"number":2959,"owner":2872,"repository":2872,"state":2920,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Describe the feature\n\nuseFetch how to use proxyAgent\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2958],{"name":2882,"color":2883},29912,"useFetch how to use proxyAgent","2024-11-14T10:13:55Z","https://github.com/nuxt/nuxt/issues/29912",0.6832027,{"description":2965,"labels":2966,"number":2971,"owner":2872,"repository":2872,"state":2920,"title":2972,"updated_at":2973,"url":2974,"score":2975},"### Environment\n\nNuxt 3 latest version\n\n### Reproduction\n\nthis cannot be done because there is no open service that will provide such an api to reproduce it. Can you advise me? I need an error to arrive at the same url, and then a callback occurs, but only without an error if the headers are correct.\n\nhttps://stackblitz.com/edit/nuxt-starter-74zqym?file=plugins%2Fapi.ts\n\n\n\n\n\n\nWhen the useFetch request is repeated, the data does not change. The fact is that when I go to the page where the USEFETCH wrapper is used, the data is processed correctly, but if in case of a 401 authorization error I need to call an additional function, a token request, after which I return the original function, the data does not change. How do I return the current data to the template? Hint. If done in useApi\n\n```\nexport async function useAPI\u003CT>(url: string | (() => string), options?: UseFetchOptions\u003CT>) {\n const response = await useFetch(url, {\n ...options,\n $fetch: useNuxtApp().$api,\n isUseFetch: true,\n })\n\n if (response.data.value.statusCode === 401) {\n await response.clear()\n await response.refresh()\n\n return response\n }\n\n return response\n}\n```\n\nclear() and refresh() then everything works properly, but there is a problem of hydration. How can I make the data in the component reactive and get the values from the second request?\n\n### Describe the bug\n\nI have tried many different ways, but there is a feeling that the problem is in nuxt. \n\nhttps://nuxt.com/docs/guide/recipes/custom-usefetch\n\nThe problem occurs at the moment when you press f5 on the page itself, and it gives a 401 error on the ssr side, then calls the method to get new tokens, and should call that very first request and get the data, but I have an error in the variable from that first request\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2967,2968],{"name":2882,"color":2883},{"name":2969,"color":2970},"needs reproduction","FBCA04",29378,"When the useFetch request is repeated, the data does not change","2024-10-16T17:25:36Z","https://github.com/nuxt/nuxt/issues/29378",0.68339044,["Reactive",2977],{},["Set"],["ShallowReactive",2980],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fqSxAu-0X-SZmD3ybUuHtbbfS2lEFbOu62IRKiEL9I-8":-1},"/nuxt/nuxt/26529"]