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```",[2015,2018],{"name":2016,"color":2017},"bug","d73a4a",{"name":2019,"color":2020},"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.66163117,{"description":2028,"labels":2029,"number":2046,"owner":1994,"repository":1994,"state":2022,"title":2047,"updated_at":2048,"url":2049,"score":2050},"### Environment\n\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: npm@9.4.2\r\n- Builder: -\r\n- User Config: experimental, typescript\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-utxs4m\n\n### Describe the bug\n\nBuild time type-checking isn't compatible with the experimental typed router when importing `unplugin-vue-router` generated types.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n> build\r\n> nuxt build\r\n\r\nNuxt 3.8.2 with Nitro 2.8.1\r\nℹ Building client...\r\nℹ vite v4.5.0 building for production...\r\nℹ transforming...\r\nℹ ✓ 120 modules transformed.\r\nInspect report generated at /home/projects/github-utxs4m/.nuxt/analyze/.vite-inspect\r\nℹ rendering chunks...\r\nℹ computing gzip size...\r\nℹ .nuxt/dist/client/manifest.json 1.84 kB │ gzip: 0.37 kB\r\nℹ .nuxt/dist/client/_nuxt/error-500.c5df6088.css 1.95 kB │ gzip: 0.74 kB\r\nℹ .nuxt/dist/client/_nuxt/error-404.7fc72018.css 3.63 kB │ gzip: 1.12 kB\r\nℹ .nuxt/dist/client/_nuxt/index.e9d2048e.js 0.24 kB │ gzip: 0.20 kB\r\nℹ .nuxt/dist/client/_nuxt/vue.f36acd1f.37c7292d.js 0.39 kB │ gzip: 0.27 kB\r\nℹ .nuxt/dist/client/_nuxt/error-500.d0d57895.js 1.92 kB │ gzip: 1.01 kB\r\nℹ .nuxt/dist/client/_nuxt/error-404.5f656853.js 6.41 kB │ gzip: 2.83 kB\r\nℹ .nuxt/dist/client/_nuxt/entry.4928063c.js 145.34 kB │ gzip: 55.20 kB\r\nℹ ✓ built in 2.07s\r\n✔ Client built in 2099ms\r\nℹ Building server...\r\nℹ vite v4.5.0 building SSR bundle for production...\r\nℹ transforming...\r\nℹ ✓ 64 modules transformed.\r\nInspect report generated at /home/projects/github-utxs4m/.nuxt/analyze/.vite-inspect\r\nℹ rendering chunks...\r\nℹ .nuxt/dist/server/_nuxt/error-404-styles.1e0dde27.mjs 0.15 kB\r\nℹ .nuxt/dist/server/_nuxt/error-500-styles.cf4b3e80.mjs 0.15 kB\r\nℹ .nuxt/dist/server/styles.mjs 0.35 kB\r\nℹ .nuxt/dist/server/_nuxt/index-6a088328.js 0.98 kB │ map: 5.93 kB\r\nℹ .nuxt/dist/server/_nuxt/index-3da784f0.js 1.15 kB │ map: 0.73 kB\r\nℹ .nuxt/dist/server/_nuxt/island-renderer-5c93f643.js 1.15 kB │ map: 1.54 kB\r\nℹ .nuxt/dist/server/_nuxt/error-500-styles-1.mjs-8fa81fcc.js 2.17 kB │ map: 0.12 kB\r\nℹ .nuxt/dist/server/_nuxt/error-500-55daa1c6.js 3.10 kB │ map: 3.79 kB\r\nℹ .nuxt/dist/server/_nuxt/error-404-styles-1.mjs-e0837f4f.js 3.86 kB │ map: 0.12 kB\r\nℹ .nuxt/dist/server/_nuxt/error-404-979db9c1.js 10.08 kB │ map: 20.05 kB\r\nℹ .nuxt/dist/server/server.mjs 38.23 kB │ map: 88.94 kB\r\nℹ ✓ built in 803ms\r\n✔ Server built in 821ms\r\n[nitro] ✔ Generated public .output/public\r\n[nitro] ℹ Building Nitro Server (preset: node-server)\r\npages/index.vue(2,15): error TS2305: Module '\"#vue-router\"' has no exported member 'RouteLocationNormalized'.\r\npages/index.vue(2,40): error TS2305: Module '\"#vue-router\"' has no exported member 'RouteLocationRaw'.\r\npages/index.vue(3,36): error TS2307: Cannot find module 'vue-router/auto/routes' or its corresponding type declarations.\n```\n",[2030,2033,2036,2039,2040,2043],{"name":2031,"color":2032},"good first issue","fbca04",{"name":2034,"color":2035},"types","2875C3",{"name":2037,"color":2038},"3.x","29bc7f",{"name":2016,"color":2017},{"name":2041,"color":2042},"pages","00DFB5",{"name":2044,"color":2045},"🔨 p3-minor","FBCA04",24561,"`experimental.typedPages` incompatible with `typescript.typeCheck`","2024-02-03T23:16:44Z","https://github.com/nuxt/nuxt/issues/24561",0.6640472,{"description":2052,"labels":2053,"number":2057,"owner":1994,"repository":1995,"state":2022,"title":2058,"updated_at":2059,"url":2060,"score":2061},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nHello,\n\nI've been trying to make PurgeCSS work properly with Nuxt UI and the deeper I get the more cumbersome of a process it becomes.\n\nIt seems that even though I provided the paths towards the NuxtUI components to PurgeCSS, it still removes CSS that should be used by the specified components, as well as colors which should be available out of the box (i.e yellow). I've even tried to safelist different classes, but again, the more I dig through it the more classes I eventually have to add - so I will be ending up with a never ending list of classes.\n\nAre there any official guidelines on how PurgeCSS should be configured so that it works correctly for the NuxtUI components/colors?\n\nCurrent config:\n\n```javascript\ndefineNuxtConfig({\n...\n purgecss: {\n safelist: [... big list ...],\n paths: [\n './components/**/*.vue',\n './layouts/**/*.vue',\n './pages/**/*.vue',\n './plugins/**/*.js',\n './nuxt.config.ts',\n './app.config.ts',\n './node_modules/@nuxt/ui/dist/runtime/components/**/*.vue',\n './node_modules/@nuxt/ui/dist/runtime/ui.config/**/*.js',\n './node_modules/@nuxt/ui/dist/runtime/utils/*.js',\n ],\n content: [\n './components/**/*.vue',\n './layouts/**/*.vue',\n './pages/**/*.vue',\n './plugins/**/*.js',\n './nuxt.config.ts',\n './app.config.ts',\n './node_modules/@nuxt/ui/dist/runtime/components/**/*.vue',\n './node_modules/@nuxt/ui/dist/runtime/ui.config/**/*.js',\n './node_modules/@nuxt/ui/dist/runtime/utils/*.js',\n ],\n}\n});\n```\n\nThanks in advance :-)",[2054],{"name":2055,"color":2056},"question","d876e3",2850,"Nuxt UI & PurgeCSS","2025-03-28T17:38:11Z","https://github.com/nuxt/ui/issues/2850",0.67219555,{"description":2063,"labels":2064,"number":2067,"owner":1994,"repository":1995,"state":2022,"title":2068,"updated_at":2069,"url":2070,"score":2071},"### 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?",[2065,2066],{"name":2055,"color":2056},{"name":1988,"color":1989},3658,"Button Focus Indication","2025-03-24T09:50:12Z","https://github.com/nuxt/ui/issues/3658",0.67684543,{"description":2073,"labels":2074,"number":2077,"owner":1994,"repository":1995,"state":2022,"title":2078,"updated_at":2079,"url":2080,"score":2081},"### 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",[2075,2076],{"name":2055,"color":2056},{"name":1988,"color":1989},2717,"second icon in UTab component","2024-12-09T11:15:15Z","https://github.com/nuxt/ui/issues/2717",0.67768973,{"description":2083,"labels":2084,"number":2087,"owner":1994,"repository":1995,"state":2022,"title":2088,"updated_at":2089,"url":2090,"score":2091},"### 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_",[2085,2086],{"name":2016,"color":2017},{"name":1988,"color":1989},2442,"Cannot destructure property 'nuxt' of 'this' as it is undefined.","2024-10-23T20:22:23Z","https://github.com/nuxt/ui/issues/2442",0.6785624,{"description":2093,"labels":2094,"number":2096,"owner":1994,"repository":2097,"state":2022,"title":2098,"updated_at":2099,"url":2100,"score":2101},"A few days ago, I installed version nuxt-ui:3.0.0-alpha.6, and when I tried to connect my provider as described in the Nuxt Fonts documentation, I encountered build errors. \n\nI conducted an experiment on a clean project and got the same result. Where is my mistake? Or is it a documentation mistake?\n\n\n\nnuxt.config.ts\n\n```\nexport default defineNuxtConfig({\n compatibilityDate: '2024-04-03',\n devtools: { enabled: true },\n modules: [\n '@nuxt/ui',\n ],\n fonts: {\n experimental: {\n // // Required for TailwindCSS v4. You can enable support for processing CSS variables for font family names. This may have a performance impact.\n processCSSVariables: true,\n },\n providers: {\n // You can pass a new custom provider - see more in the providers documentation\n // for what this file should look like\n custom: '~/providers/custom',\n },\n },\n})\n```\ncustom.ts\n\nimport { defineFontProvider } from 'unifont';\n\n```\nexport default defineFontProvider('custom', async (options) => {\n // do some setup\n return {\n async resolveFont (fontFamily, options) {\n \n if (fontFamily === 'TT Fors') {\n return {\n fonts: [\n {\n src: [\n { url: '//my-cdn.cloudfront.net/fonts/TTFors/TTFors-Medium.woff2', format: 'woff2' },\n ],\n weight: 500,\n style: 'normal',\n }\n ]\n }\n }\n }\n }\n })\n```\n\npackage.json\n\n```\n{\n \"name\": \"nuxt-app\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"build\": \"nuxt build\",\n \"dev\": \"nuxt dev\",\n \"generate\": \"nuxt generate\",\n \"preview\": \"nuxt preview\",\n \"postinstall\": \"nuxt prepare\"\n },\n \"dependencies\": {\n \"@nuxt/ui\": \"^3.0.0-alpha.6\",\n \"nuxt\": \"^3.13.0\",\n \"vue\": \"latest\",\n \"vue-router\": \"latest\"\n }\n}\n```\n\n",[2095],{"name":2016,"color":2017},342,"fonts","Custom provider errors on nuxt-ui:3.0.0-alpha.6","2024-10-23T11:46:10Z","https://github.com/nuxt/fonts/issues/342",0.684203,{"description":2103,"labels":2104,"number":2113,"owner":1994,"repository":1994,"state":2022,"title":2114,"updated_at":2115,"url":2116,"score":2117},"### Environment\n\n- Operating System: Windows_NT \r\n- Node Version: v18.12.1 \r\n- Nuxt Version: 3.4.0\r\n- Nitro Version: 2.3.3\r\n- Package Manager: yarn@1.22.19\r\n- Builder: vite\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n\r\nWebStorm version: 2023.1\n\n### Reproduction\n\nCan be reproduced with any Nuxt project, even with default template.\n\n### Describe the bug\n\nThat's what webstorm offers me as an autocomplete in the config.\r\n\r\n\r\nSo, adding any property other than _modules_ or _telemetry_ leads to an TS error: \r\n\r\n\r\nI guess it's not WebStorm issue, because Nuxt is the first package where I see this issue.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2105,2106,2107,2108,2111],{"name":2034,"color":2035},{"name":2037,"color":2038},{"name":2005,"color":2006},{"name":2109,"color":2110},"upstream","E8A36D",{"name":2112,"color":2045},"needs reproduction",20221,"defineNuxtConfig types are not correct in WebStorm","2024-08-07T05:42:00Z","https://github.com/nuxt/nuxt/issues/20221",0.6843977,["Reactive",2119],{},["Set"],["ShallowReactive",2122],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"4-5tjGo7PqxGqDBydg9Dsfe4fbQwQTH0xV8MRkS7D2s":-1},"/nuxt/ui/3151"]