\n \u003C/UFormField>\n\u003C/template>\n```\n[Here](https://skrinshoter.ru/vSpJnffwygq) is video demonstration :)\n\n### Description\n\n`placeOpen.value = true` is not opening dropdown after fetching places.",[2889,2892,2895],{"name":2890,"color":2891},"bug","d73a4a",{"name":2893,"color":2894},"v3","49DCB8",{"name":2896,"color":2897},"triage","ffffff",2724,"ui","UInputMenu property OPEN not working properly","2024-11-23T20:32:41Z","https://github.com/nuxt/ui/issues/2724",0.6793581,{"description":2905,"labels":2906,"number":2917,"owner":2880,"repository":2880,"state":2881,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.13.1`\n- Nuxt Version: `3.17.0`\n- CLI Version: `3.25.0`\n- Nitro Version: `2.11.11`\n- Package Manager: `pnpm@10.10.0`\n- Builder: `-`\n- User Config: `future`, `compatibilityDate`, `devtools`, `modules`, `colorMode`, `i18n`, `nitro`, `alias`\n- Runtime Modules: `@nuxtjs/i18n@9.5.4`, `@nuxtjs/tailwindcss@6.14.0`, `@pinia/nuxt@0.11.0`, `@eschricht/nuxt-color-mode@1.1.5`, `radix-vue/nuxt@1.9.17`, `@nuxt/eslint@1.3.0`\n- Build Modules: `-`\n\n\n### Reproduction\n\nhttps://github.com/kaaax0815/nuxt-repro\n\n### Describe the bug\n\nWhen using Nuxt 3.16.2 everything works fine.\nWhen updating to Nuxt 3.17.0 or 3.17.1 it stops working.\n\nI want to use use the return type of the api routes dynamically for a composable (useSubmit), but for whatever reason updating nuxt breaks the types to nitropack and i get a `Excessive stack depth comparing types`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n> nuxt typecheck\n\nℹ Using default Tailwind CSS file nuxt:tailwindcss 11:00:10 AM\nℹ Running with compatibility version 4 nuxt 11:00:10 AM\napp/composables/useSubmit.ts:16:7 - error TS2321: Excessive stack depth comparing types 'Exclude\u003CR extends \"/api/admin/general\" ? { key: \"/api/admin/general\"; exact: true; score: []; catchAll: false; } : { key: \"/api/admin/general\"; exact: false; score: `${R}/` extends `${infer RouteSeg}/${infer RouteRest}` ? `${RouteSeg}?` extends `${infer RouteSegWithoutQuery}?${string}` ? RouteSegWithoutQuery extends...' and '{ score: MaxTuple\u003C((R extends \"/api/admin/general\" ? { key: \"/api/admin/general\"; exact: true; score: []; catchAll: false; } : { key: \"/api/admin/general\"; exact: false; score: `${R}/` extends `${infer RouteSeg}/${infer RouteRest}` ? `${RouteSeg}?` extends `${infer RouteSegWithoutQuery}?${string}` ? RouteSegWithoutQ...'.\n\n 16 | TypedInternalResponse\u003C\n ~~~~~~~~~~~~~~~~~~~~~~\n 17 R,\n ~~~~~~~~~~\n... \n 19 NitroFetchOptions\u003CR> extends O ? 'get' : ExtractedRouteMethod\u003CR, O>\n ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\n 20 >\n ~~~~~~~\n\napp/composables/useSubmit.ts:16:7 - error TS2321: Excessive stack depth comparing types 'Exclude\u003C{ key: \"/__nuxt_error\"; exact: false; score: `${R}/` extends `${infer RouteSeg}/${infer RouteRest}` ? `${RouteSeg}?` extends `${infer RouteSegWithoutQuery}?${string}` ? RouteSegWithoutQuery extends \"\" ? `${RouteRest}/` extends `${infer RouteSeg}/${infer RouteRest}` ? `${RouteSeg}?` extends `${infer RouteSegW...' and '{ score: MaxTuple\u003C((R extends \"/api/admin/general\" ? { key: \"/api/admin/general\"; exact: true; score: []; catchAll: false; } : { key: \"/api/admin/general\"; exact: false; score: `${R}/` extends `${infer RouteSeg}/${infer RouteRest}` ? `${RouteSeg}?` extends `${infer RouteSegWithoutQuery}?${string}` ? RouteSegWithoutQ...'.\n\n 16 | TypedInternalResponse\u003C\n ~~~~~~~~~~~~~~~~~~~~~~\n 17 R,\n ~~~~~~~~~~\n... \n 19 NitroFetchOptions\u003CR> extends O ? 'get' : ExtractedRouteMethod\u003CR, O>\n ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\n 20 >\n ~~~~~~~\n\napp/pages/login.vue:83:17 - error TS2321: Excessive stack depth comparing types 'Exclude\u003CR extends \"/api/admin/general\" ? { key: \"/api/admin/general\"; exact: true; score: []; catchAll: false; } : { key: \"/api/admin/general\"; exact: false; score: `${R}/` extends `${infer RouteSeg}/${infer RouteRest}` ? `${RouteSeg}?` extends `${infer RouteSegWithoutQuery}?${string}` ? RouteSegWithoutQuery extends...' and '{ score: MaxTuple\u003C((R extends \"/api/admin/general\" ? { key: \"/api/admin/general\"; exact: true; score: []; catchAll: false; } : { key: \"/api/admin/general\"; exact: false; score: `${R}/` extends `${infer RouteSeg}/${infer RouteRest}` ? `${RouteSeg}?` extends `${infer RouteSegWithoutQuery}?${string}` ? RouteSegWithoutQ...'.\n\n 83 const _submit = useSubmit(\n ~~~~~~~~~~\n 84 '/api/session',\n ~~~~~~~~~~~~~~~~~\n... \n117 }\n ~~~\n118 );\n ~\n\napp/pages/login.vue:83:17 - error TS2321: Excessive stack depth comparing types 'Exclude\u003C{ key: \"/__nuxt_error\"; exact: false; score: `${R}/` extends `${infer RouteSeg}/${infer RouteRest}` ? `${RouteSeg}?` extends `${infer RouteSegWithoutQuery}?${string}` ? RouteSegWithoutQuery extends \"\" ? `${RouteRest}/` extends `${infer RouteSeg}/${infer RouteRest}` ? `${RouteSeg}?` extends `${infer RouteSegW...' and '{ score: MaxTuple\u003C((R extends \"/api/admin/general\" ? { key: \"/api/admin/general\"; exact: true; score: []; catchAll: false; } : { key: \"/api/admin/general\"; exact: false; score: `${R}/` extends `${infer RouteSeg}/${infer RouteRest}` ? `${RouteSeg}?` extends `${infer RouteSegWithoutQuery}?${string}` ? RouteSegWithoutQ...'.\n\n 83 const _submit = useSubmit(\n ~~~~~~~~~~\n 84 '/api/session',\n ~~~~~~~~~~~~~~~~~\n... \n117 }\n ~~~\n118 );\n ~\n\n\nFound 4 errors in 2 files.\n\nErrors Files\n 2 app/composables/useSubmit.ts:16\n 2 app/pages/login.vue:83\n\n ERROR Process exited with non-zero status (2) 11:00:16 AM\n\n at R._waitForOutput (node_modules/.pnpm/tinyexec@1.0.1/node_modules/tinyexec/dist/main.js:530:13)\n at process.processTicksAndRejections (node:internal/process/task_queues:105:5)\n at async Object.run (node_modules/.pnpm/@nuxt+cli@3.25.0_magicast@0.3.5/node_modules/@nuxt/cli/dist/chunks/typecheck.mjs:45:7)\n at async runCommand (node_modules/.pnpm/citty@0.1.6/node_modules/citty/dist/index.mjs:316:16)\n at async runCommand (node_modules/.pnpm/citty@0.1.6/node_modules/citty/dist/index.mjs:307:11)\n at async runMain (node_modules/.pnpm/citty@0.1.6/node_modules/citty/dist/index.mjs:445:7)\n```",[2907,2908,2911,2914],{"name":2871,"color":2872},{"name":2909,"color":2910},"pending triage","E99695",{"name":2912,"color":2913},"nitro","bfd4f2",{"name":2915,"color":2916},"possible regression","B90A42",31995,"3.17 breaks Nitro Types","2025-05-05T10:01:31Z","https://github.com/nuxt/nuxt/issues/31995",0.6829627,{"description":2923,"labels":2924,"number":2931,"owner":2880,"repository":2880,"state":2881,"title":2932,"updated_at":2933,"url":2934,"score":2935},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.16.1\r\n- Nuxt Version: 3.6.5\r\n- Nitro Version: 2.5.2\r\n- Package Manager: pnpm@8.5.0\r\n- Builder: vite\r\n- User Config: devtools, nitro, runtimeConfig\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\n**Important**: Run it locally as StackBlitz limited TS support (for Vue files especially).\r\n\r\nhttps://stackblitz.com/edit/nuxt-22488?file=app.vue,README.md\r\n\r\nManual repro:\r\n\r\n1. Create `/server/api/posts/[id].get.ts` and return anything, e.g. `export default defineEventHandler(async () => 42)`\r\n2. Create `/server/api/posts/static.get.ts` and return some thing different, e.g. `export default defineEventHandler(async () => 'static')`\r\n3. Change your app.vue to the following and see the TypeScript \"test types\" failing, as `data` is not `42 | 'static'` nor `number | string` but `unknown`.\r\n\r\n```vue\r\n\u003Cscript lang=\"ts\" setup>\r\nimport type { Ref } from 'vue';\r\n\r\nconst getId = () => 'random';\r\nconst id = getId();\r\n\r\nconst { data } = await useFetch(`/api/posts/` + id);\r\n// ^?\r\n\r\nexport type Equals\u003CX, Y> = (\u003CT>() => T extends X ? 1 : 2) extends \u003CT>() => T extends Y ? 1 : 2\r\n ? true\r\n : false;\r\n\r\nexport type Expect\u003CT extends true> = T;\r\nexport type ExpectNot\u003CT extends false> = T;\r\n\r\ntype _TEST = [\r\n ExpectNot\u003CEquals\u003Ctypeof data, Ref\u003Cunknown>>>,\r\n ExpectNot\u003CEquals\u003Ctypeof data, Ref\u003Cany>>>\r\n];\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n {{ data }}\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n### Describe the bug\r\n\r\nWhen having API routes that are targeting the same URL, for example `/api/posts/[id].get.ts` and `/api/posts/static.get.ts` the types of their return values are not inferred correctly when using `$fetch` or `useFetch`. Instead, `unknown` will be returned (or `any` when not using strict mode).\r\n\r\n\u003Cimg width=\"573\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/640208/2ea68d7f-5404-4880-87e2-12258da49acc\">\r\n\r\nWhat *should* be returned is a union of possible types.\r\n\r\n### Additional context\r\n\r\n[In Nitro, this works as expected](https://stackblitz.com/edit/nuxt-22488-nitro?file=routes%2Findex.ts,nitro.config.ts)\r\n(Also suggested to run locally to check)\r\n\r\n\u003Cimg width=\"554\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/640208/6c98ab9a-a3c5-44f7-9119-ee916d436250\">\r\n\r\n### Logs\r\n\r\n_No response_",[2925,2926,2927,2928],{"name":2871,"color":2872},{"name":2890,"color":2891},{"name":2912,"color":2913},{"name":2929,"color":2930},"🔨 p3-minor","FBCA04",22488,"Wrong types instead of union when fetching API routes having dynamic and static handler","2025-03-14T12:30:48Z","https://github.com/nuxt/nuxt/issues/22488",0.6862189,{"description":2937,"labels":2938,"number":2943,"owner":2880,"repository":2899,"state":2944,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### Description\n\nIn v3, we seem to have lost any focus indication on Buttons. This looks intentional as I see `focus:outline-hidden` on the base. For a11y and good keyboard navigation, it's best practice to have a visual indication of focus: https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#discernibleandpredictablekeyboardfocus\n\nIt seems we've taken a step backward from v2 in this regard. Was this intentional? Is the intent for users to add their own `focus-visible:*` classes via app config?",[2939,2942],{"name":2940,"color":2941},"question","d876e3",{"name":2893,"color":2894},3658,"closed","Button Focus Indication","2025-03-24T09:50:12Z","https://github.com/nuxt/ui/issues/3658",0.61969435,{"description":2950,"labels":2951,"number":2957,"owner":2880,"repository":2899,"state":2944,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Environment\n\n- Vue Version: 3.5.13\n- Package Mannger: bun\n- Bun Version: 1.1.45\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\nv3.0.0-alpha.11\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/morning-grass-t68z6n\n\n### Description\n\nAs shown in the example, components in Nuxt UI cannot be imported automatically. \nWhen unplugin-vue-components is imported and used separately, the auto import in Nuxt UI is disabled.\n\nHowever, unplugin-auto-import seems to work properly with Nuxt UI.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2952,2953,2954],{"name":2890,"color":2891},{"name":2893,"color":2894},{"name":2955,"color":2956},"vue","42b883",3151,"unplugin-vue-components conflict","2025-01-30T11:17:43Z","https://github.com/nuxt/ui/issues/3151",0.6549574,{"description":2963,"labels":2964,"number":2969,"owner":2880,"repository":2899,"state":2944,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.12.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/devtools@1.6.4, @nuxt/ui@2.20.0, @vueuse/nuxt@12.2.0, @vueuse/motion/nuxt@2.2.6, @nuxtjs/device@3.2.4, @nuxt/image@1.8.1, @pinia/nuxt@0.9.0, pinia-plugin-persistedstate/nuxt, @vite-pwa/nuxt@0.10.6, nuxt-snackbar@1.1.2, nuxt-gtag@3.0.2, @nuxt/eslint@0.7.4\n- Build Modules: -\n------------------------------\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\n no reproduction\n\n### Description\n\nI notice there's a syntax error in the code;\nThe error is coming from a syntax error in the Headless UI Vue component code. Specifically, there's an unexpected semicolon in this line: \n(0,;__vite_ssr_import_5__.match)(i.value,{\nThis appears to be a build/compilation issue with the Headless UI Vue component. Let me check if there are any Headless UI Vue dependencies in the package.json.\n\nThe error appears when using nuxt v3.15.0 \nWith the previous \"nuxt\": \"3.14.1592\", no error. I 'm not sure if i should fill the bug Report here or in Nuxt directly!\n\n\n### Additional context\n\nUnexpected token ';'\n\n function g(e=\"\"){return e.split(/\\s+/).filter(t=>t.length>1)}let R=Symbol(\"TransitionContext\");var pe=(a=>(a.Visible=\"visible\",a.Hidden=\"hidden\",a))(pe||{});function me(){return (0,__vite_ssr_import_0__.inject)(R,null)!==null}function Te(){let e=(0,__vite_ssr_import_0__.inject)(R,null);if(e===null)throw new Error(\"A \u003CTransitionChild /> is used but it is missing a parent \u003CTransitionRoot />.\");return e}function ge(){let e=(0,__vite_ssr_import_0__.inject)(N,null);if(e===null)throw new Error(\"A \u003CTransitionChild /> is used but it is missing a parent \u003CTransitionRoot />.\");return e}let N=Symbol(\"NestingContext\");function L(e){return\"children\"in e?L(e.children):e.value.filter(({state:t})=>t===\"visible\").length>0}function Q(e){let t=(0,__vite_ssr_import_0__.ref)([]),a=(0,__vite_ssr_import_0__.ref)(!1);(0,__vite_ssr_import_0__.onMounted)(()=>a.value=!0),(0,__vite_ssr_import_0__.onUnmounted)(()=>a.value=!1);function s(n,r=__vite_ssr_import_6__.RenderStrategy.Hidden){let l=t.value.findIndex(({id:f})=>f===n);l!==-1&&((0,__vite_ssr_import_5__.match)(r,{[__vite_ssr_import_6__.RenderStrategy.Unmount](){t.value.splice(l,1)},[__vite_ssr_import_6__.RenderStrategy.Hidden](){t.value[l].state=\"hidden\"}}),!L(t)&&a.value&&(e==null||e()))}function h(n){let r=t.value.find(({id:l})=>l===n);return r?r.state!==\"visible\"&&(r.state=\"visible\"):t.value.push({id:n,state:\"visible\"}),()=>s(n,__vite_ssr_import_6__.RenderStrategy.Unmount)}return{children:t,register:h,unregister:s}}let W=__vite_ssr_import_6__.Features.RenderStrategy,he=(0,__vite_ssr_import_0__.defineComponent)({props:{as:{type:[Object,String],default:\"div\"},show:{type:[Boolean],default:null},unmount:{type:[Boolean],default:!0},appear:{type:[Boolean],default:!1},enter:{type:[String],default:\"\"},enterFrom:{type:[String],default:\"\"},enterTo:{type:[String],default:\"\"},entered:{type:[String],default:\"\"},leave:{type:[String],default:\"\"},leaveFrom:{type:[String],default:\"\"},leaveTo:{type:[String],default:\"\"}},emits:{beforeEnter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,afterLeave:()=>!0},setup(e,{emit:t,attrs:a,slots:s,expose:h}){let n=(0,__vite_ssr_import_0__.ref)(0);function r(){n.value|=__vite_ssr_import_2__.State.Opening,t(\"beforeEnter\")}function l(){n.value&=~__vite_ssr_import_2__.State.Opening,t(\"afterEnter\")}function f(){n.value|=__vite_ssr_import_2__.State.Closing,t(\"beforeLeave\")}function S(){n.value&=~__vite_ssr_import_2__.State.Closing,t(\"afterLeave\")}if(!me()&&(0,__vite_ssr_import_2__.hasOpenClosed)())return()=>(0,__vite_ssr_import_0__.h)(Se,{...e,onBeforeEnter:r,onAfterEnter:l,onBeforeLeave:f,onAfterLeave:S},s);let d=(0,__vite_ssr_import_0__.ref)(null),y=(0,__vite_ssr_import_0__.computed)(()=>e.unmount?__vite_ssr_import_6__.RenderStrategy.Unmount:__vite_ssr_import_6__.RenderStrategy.Hidden);h({el:d,$el:d});let{show:v,appear:A}=Te(),{register:D,unregister:H}=ge(),i=(0,__vite_ssr_import_0__.ref)(v.value?\"visible\":\"hidden\"),I={value:!0},c=(0,__vite_ssr_import_1__.useId)(),b={value:!1},P=Q(()=>{!b.value&&i.value!==\"hidden\"&&(i.value=\"hidden\",H(c),S())});(0,__vite_ssr_import_0__.onMounted)(()=>{let o=D(c);(0,__vite_ssr_import_0__.onUnmounted)(o)}),(0,__vite_ssr_import_0__.watchEffect)(()=>{if(y.value===__vite_ssr_import_6__.RenderStrategy.Hidden&&c){if(v.value&&i.value!==\"visible\"){i.value=\"visible\";return}(0,;__vite_ssr_import_5__.match)(i.value,{[\"hidden\"]:()=>H(c),[\"visible\"]:()=>D(c)})}});let j=g(e.enter),M=g(e.enterFrom),X=g(e.enterTo),_=g(e.entered),Y=g(e.leave),Z=g(e.leaveFrom),ee=g(e.leaveTo);(0,__vite_ssr_import_0__.onMounted)(()=>{(0,__vite_ssr_import_0__.watchEffect)(()=>{if(i.value===\"visible\"){let o=(0,__vite_ssr_import_3__.dom)(d);if(o instanceof Comment&&o.data===\"\")throw new Error(\"Did you forget to passthrough the ref to the actual DOM node?\")}})});function te(o){let E=I.value&&!A.value,p=(0,__vite_ssr_import_3__.dom)(d);!p||!(p instanceof HTMLElement)||E||(b.value=!0,v.value&&r(),v.value||f(),o(v.value?(0,__vite_ssr_import_7__.transition)(p,j,M,X,_,V=>{b.value=!1,V===__vite_ssr_import_7__.Reason.Finished&&l()}):(0,__vite_ssr_import_7__.transition)(p,Y,Z,ee,_,V=>{b.value=!1,V===__vite_ssr_import_7__.Reason.Finished&&(L(P)||(i.value=\"hidden\",H(c),S()))})))}return (0,__vite_ssr_import_0__.onMounted)(()=>{(0,__vite_ssr_import_0__.watch)([v],(o,E,p)=>{te(p),I.value=!1},{immediate:!0})}),(0,__vite_ssr_import_0__.provide)(N,P),(0,__vite_ssr_import_2__.useOpenClosedProvider)((0,__vite_ssr_import_0__.computed)(()=>(0,__vite_ssr_import_5__.match)(i.value,{[\"visible\"]:__vite_ssr_import_2__.State.Open,[\"hidden\"]:__vite_ssr_import_2__.State.Closed})|n.value)),()=>{let{appear:o,show:E,enter:p,enterFrom:V,enterTo:Ce,entered:ye,leave:be,leaveFrom:Ee,leaveTo:Ve,...U}=e,ne={ref:d},re={...U,...A.value&&v.value&&__vite_ssr_import_4__.env.isServer?{class:(0,__vite_ssr_import_0__.normalizeClass)([a.class,U.class,...j,...M])}:{}};return (0,__vite_ssr_import_6__.render)({theirProps:re,ourProps:ne,slot:{},slots:s,attrs:a,features:W,visible:i.value===\"visible\",name:\"TransitionChild\"})}}}),ce=he,Se=(0,__vite_ssr_import_0__.defineComponent)({inheritAttrs:!1,props:{as:{type:[Object,String],default:\"div\"},show:{type:[Boolean],default:null},unmount:{type:[Boolean],default:!0},appear:{type:[Boolean],default:!1},enter:{type:[String],default:\"\"},enterFrom:{type:[String],default:\"\"},enterTo:{type:[String],default:\"\"},entered:{type:[String],default:\"\"},leave:{type:[String],default:\"\"},leaveFrom:{type:[String],default:\"\"},leaveTo:{type:[String],default:\"\"}},emits:{beforeEnter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,afterLeave:()=>!0},setup(e,{emit:t,attrs:a,slots:s}){let h=(0,__vite_ssr_import_2__.useOpenClosed)(),n=(0,__vite_ssr_import_0__.computed)(()=>e.show===null&&h!==null?(h.value&__vite_ssr_import_2__.State.Open)===__vite_ssr_import_2__.State.Open:e.show);(0,__vite_ssr_import_0__.watchEffect)(()=>{if(![!0,!1].includes(n.value))throw new Error('A \u003CTransition /> is used but it is missing a :show=\"true | false\" prop.')});let r=(0,__vite_ssr_import_0__.ref)(n.value?\"visible\":\"hidden\"),l=Q(()=>{r.value=\"hidden\"}),f=(0,__vite_ssr_import_0__.ref)(!0),S={show:n,appear:(0,__vite_ssr_import_0__.computed)(()=>e.appear||!f.value)};return (0,__vite_ssr_import_0__.onMounted)(()=>{(0,__vite_ssr_import_0__.watchEffect)(()=>{f.value=!1,n.value?r.value=\"visible\":L(l)||(r.value=\"hidden\")})}),(0,__vite_ssr_import_0__.provide)(N,l),(0,__vite_ssr_import_0__.provide)(R,S),()=>{let d=(0,__vite_ssr_import_6__.omit)(e,[\"show\",\"appear\",\"unmount\",\"onBeforeEnter\",\"onBeforeLeave\",\"onAfterEnter\",\"onAfterLeave\"]),y={unmount:e.unmount};return (0,__vite_ssr_import_6__.render)({ourProps:{...y,as:\"template\"},theirProps:{},slot:{},slots:{...s,default:()=>[(0,__vite_ssr_import_0__.h)(ce,{onBeforeEnter:()=>t(\"beforeEnter\"),onAfterEnter:()=>t(\"afterEnter\"),onBeforeLeave:()=>t(\"beforeLeave\"),onAfterLeave:()=>t(\"afterLeave\"),...a,...y,...d},s.default)]},attrs:{},features:W,visible:r.value===\"visible\",name:\"Transition\"})}}});\n\n\n SyntaxError: Unexpected token ';'\n at new Script (node:vm:116:7)\n at createScript (node:vm:268:10)\n at Object.runInThisContext (node:vm:316:10)\n at ViteNodeRunner.runModule (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:398:19)\n at ViteNodeRunner.directRequest (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:381:16) \n at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n at async ViteNodeRunner.cachedRequest (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:206:14) \n at async ViteNodeRunner.dependencyRequest (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:259:12)\n at async node_modules\\@headlessui\\vue\\dist\\headlessui.esm.js:23:32\n at async ViteNodeRunner.runModule (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:399:5) \n\n### Logs\n\n```shell-script\n\n```",[2965,2966],{"name":2890,"color":2891},{"name":2967,"color":2968},"duplicate","cfd3d7",2972,"Syntax error in the Headless UI Vue component code","2024-12-25T10:39:30Z","https://github.com/nuxt/ui/issues/2972",0.65663743,{"description":2975,"labels":2976,"number":2984,"owner":2880,"repository":2880,"state":2944,"title":2985,"updated_at":2986,"url":2987,"score":2988},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.11.0`\n- Nuxt Version: `3.16.2`\n- CLI Version: `3.24.0`\n- Nitro Version: `2.11.8`\n- Package Manager: `bun@1.2.7`\n- Builder: `-`\n- User Config: `compatibilityDate`, `modules`, `devtools`, `imports`, `components`, `css`, `runtimeConfig`, `routeRules`, `app`, `supabase`, `i18n`, `cookieControl`, `$production`, `stripe`, `sitemap`, `pwa`, `router`, `sourcemap`, `sentry`, `build`, `eslint`, `nitro`, `vite`\n- Runtime Modules: `./modules/supabase-nuxt/src/module.ts`, `@unlok-co/nuxt-stripe@4.0.2`, `nuxt-i18n-micro@1.83.0`, `@nuxtjs/fontaine@0.5.0`, `@vueuse/nuxt@13.0.0`, `@nuxtjs/sitemap@7.2.9`, `@dargmuesli/nuxt-cookie-control@8.6.1`, `floating-vue/nuxt@5.2.2`, `@nuxt/eslint@1.3.0`, `@vite-pwa/nuxt@1.0.0`, `@nuxt/scripts@0.11.5`, `@sentry/nuxt/module@9.10.1`, `@nuxthub/core@0.8.23`\n- Build Modules: `-`\n\n### Reproduction\n\nI tried using StackBlitz but it won't show the error. I can try to get a local version spun up but was hoping it could be easy to pinpoint since it only started to occur in 3.16.2.\n\n### Describe the bug\n\nAfter upgrading to Nuxt 3.16.2, TypeScript is throwing errors when using type parameters with `$fetch`:\n\n```\nserver/api/get-url-metadata.get.ts:19:39 - error TS2558: Expected 0 type arguments, but got 1.\n\n19 const response = await $fetch\u003Cstring>(url, {\n```\n\nAlso, the type shown on hover for `$fetch` is now: `(l: any, c: any) => Promise\u003Cany>`, leading to \"implicit any\" issues in all the places where we previously relied on automatic inference.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2977,2978,2980,2983],{"name":2909,"color":2910},{"name":2979,"color":2930},"needs reproduction",{"name":2981,"color":2982},"closed-by-bot","ededed",{"name":2915,"color":2916},31625,"`$fetch` type inference breaks in 3.16.2","2025-04-09T02:06:13Z","https://github.com/nuxt/nuxt/issues/31625",0.65971,{"description":2990,"labels":2991,"number":2994,"owner":2880,"repository":2899,"state":2944,"title":2995,"updated_at":2996,"url":2997,"score":2998},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nhow to add second icon on the right for button in UTab component\n\n\n\nSOLVE: need to use the #trailing slot, I didn't see it in the documentation\n\n",[2992,2993],{"name":2940,"color":2941},{"name":2893,"color":2894},2717,"second icon in UTab component","2024-12-09T11:15:15Z","https://github.com/nuxt/ui/issues/2717",0.6601402,{"description":3000,"labels":3001,"number":3008,"owner":2880,"repository":2880,"state":2944,"title":3009,"updated_at":3010,"url":3011,"score":3012},"### Environment\n\n------------------------------\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.15.1`\r\n- Nuxt Version: `3.0.0-rc.10-27710784.e22bbcc`\r\n- Nitro Version: `0.5.2-27709289.11cc5cd`\r\n- Package Manager: `npm@8.12.1`\r\n- Builder: `vite`\r\n- User Config: `app`, `css`, `build`, `imports`, `modules`, `nitro`, `runtimeConfig`, `typescript`, `vite`\r\n- Runtime Modules: `nuxt-graphql-client@0.1.15`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\nCan't reproduce because Stacklblitz doesn't actually show any TS.\n\n### Describe the bug\n\nWhen defining a server api route, it'll autmoatically infer the right return types (yay!), so when calling `const data = $fetch('/api/test')`, `data` can be used safely.\r\n\r\nHowever if you call the API with a query parameter, `const data = $fetch('/api/test?q=hello')`, you will lose all typesafety because the returned type becomes `Promise\u003Cunknown>`.\r\n\r\nI'm not 100% sure why, but maybe because the called URL doesn't match the actual API route due to the added params?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3002,3003,3006,3007],{"name":2871,"color":2872},{"name":3004,"color":3005},"3.x","29bc7f",{"name":2890,"color":2891},{"name":2929,"color":2930},14850,"API route types not correctly inferred when using query params in $fetch","2023-01-19T17:41:08Z","https://github.com/nuxt/nuxt/issues/14850",0.66404116,["Reactive",3014],{},["Set"],["ShallowReactive",3017],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ffbAom1s8GqCbM6qnND1z3ng05zdNxe_GxMkGSRPRKRc":-1},"/nuxt/ui/3202"]