\n \u003C/template>\n \u003C/UAccordion>\n\u003C/template>\n```\n\ndid i miss something?\n\n### Additional context\n\n_No response_",[2896,2898],{"name":2857,"color":2897},"a2eeef",{"name":2899,"color":2900},"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.70362574,{"description":2908,"labels":2909,"number":2916,"owner":2866,"repository":2866,"state":2917,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### Describe the feature\r\n\r\nCurrently it doesnt seem possible to define the base url for `$fetch()`, `useFetch()` and `useLazyFetch()`. When using an external API, the url always needs to be retrieved from the config, which is kinda cumbersome:\r\n\r\n```ts\r\nconst config = useRuntimeConfig();\r\nconst { data, error } = await useFetch('/products', {\r\n baseURL: config.public.apiUrl,\r\n});\r\n```\r\n\r\nThere is a [Stackoverflow question](https://stackoverflow.com/questions/72041740/how-to-set-global-api-baseurl-used-in-usefetch-in-nuxt-3/73636631) regarding to it with the only solution of defining wrappers around the Nuxt fetch functions, which would require to create three wrappers.\r\n\r\n**Possible solution**\r\nConfigure the api url within `nuxt.config.ts`. If set any call to `/` goes to this API instead:\r\n\r\n```ts\r\nconst { data, error } = await useFetch('/products'); // -> https://localhost:3333/api/products\r\n```\r\n\r\n### Additional information\r\n\r\n- [ ] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2910,2913],{"name":2911,"color":2912},"3.x","29bc7f",{"name":2914,"color":2915},"pending triage","E99695",26651,"closed","Configurable baseURL for `$fetch`, `useFetch` & `useLazyFetch`","2024-11-25T10:39:40Z","https://github.com/nuxt/nuxt/issues/26651",0.6607101,{"description":2923,"labels":2924,"number":2930,"owner":2866,"repository":2931,"state":2917,"title":2932,"updated_at":2933,"url":2934,"score":2935},"### Environment\n\n```\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v20.14.0\r\n- Nuxt Version: 3.12.2\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.7.0\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n```\n\n### Reproduction\n\nCall `createPage()` by passing `javaScriptEnabled: false` in the options:\r\n\r\n```typescript\r\nconst page = await createPage('/foobar', {\r\n javaScriptEnabled: false,\r\n })\r\n```\n\n### Describe the bug\n\nThis will never finish loading the page because the `createPage` method always waits for hydration to finish. In this case, hydration can't ever finish, so the method's Promise never resolves.\n\n### Additional context\n\nProbably a rare use case, but I ran into this issue while explicitly wanting to test the unhydrated SSR output of a page.\n\n### Logs\n\n_No response_",[2925,2928],{"name":2926,"color":2927},"bug","d73a4a",{"name":2860,"color":2929},"7057ff",868,"test-utils","Setting `javaScriptEnabled: false` in `createPage()` never loads page","2024-12-04T16:34:32Z","https://github.com/nuxt/test-utils/issues/868",0.6826107,{"description":2937,"labels":2938,"number":2941,"owner":2866,"repository":2866,"state":2917,"title":2942,"updated_at":2943,"url":2944,"score":2945},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: pnpm@8.7.1\r\n- Builder: -\r\n- User Config: modules, runtimeConfig, css, site, linkChecker, devtools\r\n- Runtime Modules: @nuxt/ui@2.11.1, @nuxtseo/module@2.0.0-beta.50\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\n```ts\r\nconst config = useRuntimeConfig()\r\nconst { data: followers } = await useFetch('/repos', {\r\n baseUrl: config.public.apiBase,\r\n})\r\n```\r\n\r\ninside a script tag. In your nuxt.config.ts file, you must define a apiBase.\r\n\r\n```\r\n runtimeConfig: {\r\n public: {\r\n apiBase: 'http://localhost:3333',\r\n },\r\n },\r\n```\r\n\r\n### Describe the bug\r\n\r\nThis will give you the following type error\r\n\r\n```\r\nNo overload matches this call.\r\n Overload 1 of 2, '(request: \"/repos\" | Ref\u003C\"/repos\"> | (() => \"/repos\"), opts?: UseFetchOptions\u003Cunknown, unknown, KeysOf\u003Cunknown>, null, \"/repos\", \"get\"> | undefined): AsyncData\u003Cunknown, FetchError\u003Cany> | null>', gave the following error.\r\n Overload 2 of 2, '(request: \"/repos\" | Ref\u003C\"/repos\"> | (() => \"/repos\"), opts?: UseFetchOptions\u003Cunknown, unknown, KeysOf\u003Cunknown>, unknown, \"/repos\", \"get\"> | undefined): AsyncData\u003Cunknown, FetchError\u003Cany> | null>', gave the following error.\r\n```\r\n\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\nusing `npx nuxi typecheck`\r\n\r\n```\r\npages/index.vue:4:3 - error TS2769: No overload matches this call.\r\n Overload 1 of 2, '(request: \"/repos\" | Ref\u003C\"/repos\"> | (() => \"/repos\"), opts?: UseFetchOptions\u003Cunknown, unknown, KeysOf\u003Cunknown>, null, \"/repos\", \"get\"> | undefined): AsyncData\u003Cunknown, FetchError\u003Cany> | null>', gave the following error.\r\n Object literal may only specify known properties, but 'baseUrl' does not exist in type 'UseFetchOptions\u003Cunknown, unknown, KeysOf\u003Cunknown>, null, \"/repos\", \"get\">'. Did you mean to write 'baseURL'?\r\n Overload 2 of 2, '(request: \"/repos\" | Ref\u003C\"/repos\"> | (() => \"/repos\"), opts?: UseFetchOptions\u003Cunknown, unknown, KeysOf\u003Cunknown>, unknown, \"/repos\", \"get\"> | undefined): AsyncData\u003Cunknown, FetchError\u003Cany> | null>', gave the following error.\r\n Object literal may only specify known properties, but 'baseUrl' does not exist in type 'UseFetchOptions\u003Cunknown, unknown, KeysOf\u003Cunknown>, unknown, \"/repos\", \"get\">'. Did you mean to write 'baseURL'?\r\n\r\n4 baseUrl: config.public.apiBase,\r\n ~~~~~~~\r\n\r\n\r\n\r\nFound 1 error in pages/index.vue:4\r\n\r\n\r\n ERROR Command failed with exit code 2: npx -p vue-tsc -p typescript vue-tsc --noEmit 10:42:22 AM\r\n\r\n at makeError (node_modules/.pnpm/nuxi@3.10.0/node_modules/nuxi/dist/chunks/index3.mjs:625:11)\r\n at handlePromise (node_modules/.pnpm/nuxi@3.10.0/node_modules/nuxi/dist/chunks/index3.mjs:1821:26)\r\n at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\r\n at async Object.run (node_modules/.pnpm/nuxi@3.10.0/node_modules/nuxi/dist/chunks/typecheck.mjs:82:7)\r\n at async runCommand$1 (node_modules/.pnpm/nuxi@3.10.0/node_modules/nuxi/dist/shared/nuxi.4fde776c.mjs:1648:16)\r\n at async runCommand$1 (node_modules/.pnpm/nuxi@3.10.0/node_modules/nuxi/dist/shared/nuxi.4fde776c.mjs:1639:11)\r\n at async runMain$1 (node_modules/.pnpm/nuxi@3.10.0/node_modules/nuxi/dist/shared/nuxi.4fde776c.mjs:1773:7) \r\n\r\n\r\n\r\n ERROR Command failed with exit code 2: npx -p vue-tsc -p typescript vue-tsc --noEmit \r\n```\r\n",[2939,2940],{"name":2911,"color":2912},{"name":2914,"color":2915},24791,"Type issue when using `useFetch` with baseURL","2023-12-16T09:44:02Z","https://github.com/nuxt/nuxt/issues/24791",0.68906826,{"labels":2947,"number":2953,"owner":2866,"repository":2866,"state":2917,"title":2954,"updated_at":2955,"url":2956,"score":2957},[2948,2949,2952],{"name":2857,"color":2858},{"name":2950,"color":2951},"documentation","5319e7",{"name":2911,"color":2912},13386,"`useFetch` type return","2023-01-19T16:54:20Z","https://github.com/nuxt/nuxt/issues/13386",0.6911815,{"description":2959,"labels":2960,"number":2964,"owner":2866,"repository":2866,"state":2917,"title":2965,"updated_at":2966,"url":2967,"score":2968},"Although it can be used, there are warnings. Why? Can't I keep using useFetch?\r\n\r\n\r\n\r\n\r\n```\r\nimport type {UseFetchOptions} from \"#app\";\r\nimport type {Ref} from \"vue\";\r\nimport type {SearchParameters} from \"ofetch\";\r\n\r\nconst request = async \u003CT = any>(url: any, options: any) => {\r\n const config = useRuntimeConfig();\r\n //璁剧疆url\r\n options.baseURL=config.public.apiBase\r\n let token = useCookie(\"manageToken\")\r\n let customHeaders: { \"Content-Type\": string, Authorization?: string } = {\"Content-Type\": \"application/json\"}\r\n const res=await useFetch\u003CT>(url, {headers: customHeaders,...options})\r\n if(process.client){\r\n if(res.error&&res.error.value){\r\n ElNotification({\r\n title: '绯荤粺閿欒鎻愮ず',\r\n message: res.error.value.message,\r\n type: 'error',\r\n appendTo: document.body,\r\n zIndex: 9999\r\n })\r\n }\r\n else if (res.data.value&&(res.data.value as any).Msg) {\r\n if((res.data.value as any).Code===0){\r\n ElNotification({\r\n title: '绯荤粺鎻愮ず',\r\n message: (res.data.value as any).Msg,\r\n type: 'success',\r\n appendTo: document.body,\r\n zIndex: 9999\r\n })\r\n }\r\n else{\r\n ElNotification({\r\n title: '閿欒鎻愮ず',\r\n message: (res.data.value as any).Msg,\r\n type: 'error',\r\n appendTo: document.body,\r\n zIndex: 9999\r\n })\r\n }\r\n }\r\n }\r\n\r\n return res\r\n};\r\ntype ResponseType\u003CT = any> = T extends undefined ? CommonResponse\u003Cany> : CommonResponse\u003CT>;\r\n\r\nexport const http = {\r\n get: \u003CT = any>(url: Ref\u003Cstring>|string, query?: SearchParameters, opts?: UseFetchOptions\u003CT>) => {\r\n return request\u003CT>(url, {...opts,...{method: 'GET', query}});\r\n },\r\n post: \u003CT = undefined>(url: Ref\u003Cstring>|string, body?: RequestInit[\"body\"] | Record\u003Cstring, any>, opts?: UseFetchOptions\u003CResponseType\u003CT>>) => {\r\n return request\u003CResponseType\u003CT>>(url, {...opts,...{method: 'POST', body}});\r\n },\r\n put: \u003CT = undefined>(url: Ref\u003Cstring>|string, body?: RequestInit[\"body\"] | Record\u003Cstring, any>, opts?: UseFetchOptions\u003CResponseType\u003CT>>) => {\r\n return request\u003CResponseType\u003CT>>(url, {...opts,...{method: 'PUT', body}});\r\n },\r\n postGetList: (url: Ref\u003Cstring>|string, body?: RequestInit[\"body\"] | Record\u003Cstring, any>, opts?: UseFetchOptions\u003CResponseType\u003CCommonResponseGetList>>) => {\r\n return request\u003CCommonResponseGetList>(url, {...opts,...{method: 'POST', body}});\r\n },\r\n}\r\n\r\n```",[2961],{"name":2962,"color":2963},"needs reproduction","FBCA04",27242,"[useFetch] Component is already mounted, please use $fetch instead. See https://nuxt.com/docs/getting-started/data-fetching","2024-06-27T14:10:07Z","https://github.com/nuxt/nuxt/issues/27242",0.6929168,{"description":2970,"labels":2971,"number":2981,"owner":2866,"repository":2902,"state":2917,"title":2982,"updated_at":2983,"url":2984,"score":2985},"### Description\n\nModal, Selectmenu, or Similiar component with scrolllock add styles to the body for the scrollbar space, like\n`padding-right: 17px; margin-right: 0px; --scrollbar-width: 17px;`\nWould it be possible to add these styles to the Drawer?\n",[2972,2975,2978],{"name":2973,"color":2974},"question","d876e3",{"name":2976,"color":2977},"v3","49DCB8",{"name":2979,"color":2980},"reka-ui","56d799",3242,"Scrolllock scrollbar padding when opened for Drawer on Desktop","2025-04-08T20:27:03Z","https://github.com/nuxt/ui/issues/3242",0.69497436,["Reactive",2987],{},["Set"],["ShallowReactive",2990],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$frbiBvV2rQS3Y5kH6a4jLaIUOX_P_H6j6tCxJ6iRepkE":-1},"/nuxt/icon/352"]