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```",[2010,2011],{"name":1996,"color":1997},{"name":2012,"color":2013},"duplicate","cfd3d7",2972,"closed","Syntax error in the Headless UI Vue component code","2024-12-25T10:39:30Z","https://github.com/nuxt/ui/issues/2972",0.6899757,{"description":2021,"labels":2022,"number":2026,"owner":1985,"repository":2002,"state":2015,"title":2027,"updated_at":2028,"url":2029,"score":2030},"### Description\n\nHi, short request here. \n\nI noticed that when passing classes to a `UCard` component, they are not inherited by any of the child elements. Other components such as `UButton` do have this so this might actually be a bug, not sure.\n\nSo for example I have this; `\u003CUCard class=\"p-3 space-y-3\">` and it results in this; `\u003Cdiv> class=\"p-4 sm:p-6\" \u003C/div>` which are the default classes. Instead, I would like it to return the following; `\u003CUCard class=\"p-3 space-y-3 sm:p-6\">`4\n\nHopefully that makes sense. For my own components I usually bind the attributes `$attrs` to the component, but I am sure it is more complicated in this case. 😄 \n\nAnyway, thanks for the great library!\n\n### Additional context\n\n_No response_",[2023],{"name":2024,"color":2025},"enhancement","a2eeef",2369,"[Card] Classes passthrough","2024-10-12T20:56:45Z","https://github.com/nuxt/ui/issues/2369",0.6923994,{"description":2032,"labels":2033,"number":2043,"owner":1985,"repository":2044,"state":2015,"title":2045,"updated_at":2046,"url":2047,"score":2048},"_Create the Showcase page from the current API with a better design and marketing inspired by [nextjs](https://nextjs.org/showcase) showcase page._",[2034,2037,2040],{"name":2035,"color":2036},"design","00bd6f",{"name":2038,"color":2039},"marketing","f5c828",{"name":2041,"color":2042},"dev","018415",1343,"nuxt.com","Showcase Page","2023-10-10T14:44:53Z","https://github.com/nuxt/nuxt.com/issues/1343",0.69951665,{"description":2050,"labels":2051,"number":2054,"owner":1985,"repository":2002,"state":2015,"title":2055,"updated_at":2056,"url":2057,"score":2058},"### Description\n\nHi,\r\n\r\nThe Icon component doesn't have a UI prop like most components. This prevent users from applying a CSS class to all instances of Icon. IMO, this is a really small harmless change, that would align Icons with the rest of the library.\r\n\r\nAs of v2.18.4, this is true for:\r\n- [ ] Form\r\n- [ ] Icon\r\n- [ ] Link\r\n\r\nAs a workaround, it's always possible to create a wrapper component.\r\n\r\n```vue\r\n\u003Cscript setup>\r\ndefineProps(['name', 'ui']);\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cu-icon :name=\"name\" :class=\"ui.base\" />\r\n\u003C/template>\r\n``` \r\n\r\nBy the way, [the doc state](https://ui.nuxt.com/getting-started/theming#ui-prop) that \"Each component has a ui prop\". Which is not true then.\n\n### Additional context\n\n_No response_",[2052,2053],{"name":2024,"color":2025},{"name":1999,"color":2000},2094,"Some component doesn't have a UI prop","2025-03-17T14:27:40Z","https://github.com/nuxt/ui/issues/2094",0.71200883,{"description":2060,"labels":2061,"number":2065,"owner":1985,"repository":1985,"state":2015,"title":2066,"updated_at":2067,"url":2068,"score":2069},"Hello, I have studied about https://nuxtjs.org/examples/i18n but I cannot fully understand about i18N.\r\nHave anyone can lead me some example that no need change the route? It accepts the locale from the header? When it accepts from the header, will this break the SSR feature? \r\nExample http://www.example.com/en to http://www.example.com/ or http://www.example.com/fr to http://www.example.com/\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1681\">#c1681\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2062],{"name":2063,"color":2064},"2.x","d4c5f9",1873,"Help wanted: i18N","2023-01-18T15:42:46Z","https://github.com/nuxt/nuxt/issues/1873",0.7128495,{"description":2071,"labels":2072,"number":2080,"owner":1985,"repository":2002,"state":2015,"title":2081,"updated_at":2082,"url":2083,"score":2084},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, eslint\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/ui-pro@3.0.2\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nobvious issue\n\n### Description\n\nIn the NuxtUiPro Header component, this line of code is used to define the title's aria label :\n`const ariaLabel = computed(() => (props.title || (slots.title && getSlotChildrenText(slots.title())) || 'Nuxt UI Pro').trim())\n`\n\nprops.title has a default value :\n\n`const props = withDefaults(defineProps\u003CHeaderProps\u003CT>>(), {\n title: 'Nuxt UI Pro'\n})`\n\nWhich means that if we are defining the title using the title slot instead of the title prop, the aria label will always equal to 'Nuxt UI Pro', because the first condition, which checks for the existence of props.title, will always equate to true. A simple fix would be using something like this instead :\n\n```\nconst ariaLabel = computed(() => (\n (props.title != 'Nuxt UI Pro' && props.title) ||\n (slots.title && getSlotChildrenText(slots.title())) ||\n 'Nuxt UI Pro'\n).trim())\n```\n\nPlease let me know if this is not the right place to raise issues for the Pro version of NuxtUi, I couldn't find a better place.\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2073,2074,2077],{"name":1996,"color":1997},{"name":2075,"color":2076},"v3","49DCB8",{"name":2078,"color":2079},"pro","5BD3CB",3833,"Title's Aria Label error with Nuxt Ui Pro's Header component","2025-04-09T12:10:13Z","https://github.com/nuxt/ui/issues/3833",0.71676195,{"description":2086,"labels":2087,"number":2090,"owner":1985,"repository":2002,"state":2015,"title":2091,"updated_at":2092,"url":2093,"score":2094},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v18.20.4\n- Nuxt Version: 3.13.2\n- CLI Version: 3.15.0\n- Nitro Version: 2.9.7\n- Package Manager: npm@10.7.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.18.7\n- Build Modules: -\n\n### Version\n\nv3\n\n### Reproduction\n\nCreat new project with nuxi\n\nInstall nuxt/ui\n\n### Description\n\nCannot destructure property 'nuxt' of 'this' as it is undefined.\n\nNot working on fresh project\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2088,2089],{"name":1996,"color":1997},{"name":2075,"color":2076},2442,"Cannot destructure property 'nuxt' of 'this' as it is undefined.","2024-10-23T20:22:23Z","https://github.com/nuxt/ui/issues/2442",0.71966845,{"description":2096,"labels":2097,"number":2104,"owner":1985,"repository":1985,"state":2015,"title":2105,"updated_at":2106,"url":2107,"score":2108},"### Environment\n\n- Operating System: Darwin\r\n- Node Version: v20.5.0\r\n- Nuxt Version: 3.9.3\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: yarn@1.22.21\r\n- Builder: -\r\n- User Config: devtools, devServer, nitro, components, css, modules, stylelint, runtimeConfig, sitemap, serverHandlers, vite, hooks\r\n- Runtime Modules: nuxt-simple-sitemap@4.1.15, @pinia/nuxt@0.5.1, @artmizu/nuxt-prometheus@2.2.0, @vueuse/nuxt@10.7.0, @nuxtjs/stylelint-module@5.1.0\r\n- Build Modules: -\r\n\n\n### Reproduction\n\n-\n\n### Describe the bug\n\nI'm trying to call an api throughout a http proxy, which looks somewhat like this for my own Nuxt 3 api endpoint.\r\n\r\nfile: `server/api/custom.ts`\r\n\r\n```\r\nimport axios from 'axios';\r\nimport httpsProxyAgent from 'https-proxy-agent'; // running on version 5.0.1\r\n\r\naxios.get(\"https://some-api.com/foo/bar\", {\r\n httpsAgent: httpsProxyAgent({\r\n host: process.env.PROXY_HOST!,\r\n port: parseInt(process.env.PROXY_PORT!),\r\n });\r\n})\r\n```\r\nAccessing this url directly works.\r\n\r\n`http://localhost:3000/api/custom`\r\n\r\nHowever, when running within a page and using `useAsyncData` against my own endpoint, I run into a protocol issue.\r\n\r\nSo this ...\r\n\r\n```\r\nawait useAsyncData(async () => {\r\n return (await $fetch('/api/custom'));\r\n});\r\n```\r\n\r\nNow results in this ...\r\n\r\n`TypeError [ERR_INVALID_PROTOCOL]: Protocol \"https:\" not supported. Expected \"http:\"`\r\n\r\nThis only happens because the proxy is forwarding the requested url through `http` and the third-party api is redirecting to `https`. So naturally, using a `https` proxy would solve the issue. However, that's not possible. On the other hand, accessing the exact same endpoint directly through my custom api (without running a server side rendered page using `useAsyncData`) it works. So it seems like there's a difference between Nuxt 3 api usage as well as the SSR environment.\r\n\r\nHint: This issue just came up recently when we migrated the application from Nuxt 2 to Nuxt 3. So basically, the exact same code was behaving differently and just worked in the past.\r\n\r\nLong story short: Is there any possible fix for that?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2098,2101],{"name":2099,"color":2100},"pending triage","E99695",{"name":2102,"color":2103},"needs reproduction","FBCA04",25564,"Different behavior during Nuxt 3 SSR call","2024-12-02T14:15:36Z","https://github.com/nuxt/nuxt/issues/25564",0.7238686,["Reactive",2110],{},["Set"],["ShallowReactive",2113],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"WpCSf5IkdLzcmO2ffIhZeYfu9kLwwjqtTB6iUdKBZcI":-1},"/nuxt/nuxt.com/1507"]