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```",[2913,2914],{"name":2868,"color":2869},{"name":2915,"color":2916},"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.6479343,{"description":2924,"labels":2925,"number":2928,"owner":2874,"repository":2875,"state":2918,"title":2929,"updated_at":2930,"url":2931,"score":2932},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.9.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.3\n- Package Manager: pnpm@9.7.1\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\nv3.0.0-alpha.8\n\n### Reproduction\n\nLocalhost\n\n### Description\n\nrun `pnpm docs`\n\n```shell-script\n ERROR Error while importing module @nuxt/ui: SyntaxError: Cannot use 'import.meta' outside a module 9:11:13 PM\n\n\n ERROR Cannot start nuxt: Cannot use 'import.meta' outside a module 9:11:13 PM\n\n async function tryResolveModule(id, url = import.meta.url) {\n ^^^^\n \n SyntaxError: Cannot use 'import.meta' outside a module\n at new Script (node:vm:117:7)\n at createScript (node:vm:269:10)\n at Object.runInThisContext (node:vm:317:10)\n at evalModule (node_modules/.pnpm/jiti@1.21.6/node_modules/jiti/dist/jiti.js:1:247124)\n at jiti (node_modules/.pnpm/jiti@1.21.6/node_modules/jiti/dist/jiti.js:1:245241)\n at src/module.ts:2:12\n at evalModule (node_modules/.pnpm/jiti@1.21.6/node_modules/jiti/dist/jiti.js:1:247313)\n at jiti (node_modules/.pnpm/jiti@1.21.6/node_modules/jiti/dist/jiti.js:1:245241)\n at dist/module.mjs:10:3\n at async Function.import (node_modules/.pnpm/jiti@2.4.0/node_modules/jiti/dist/jiti.cjs:1:199608)\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2926,2927],{"name":2868,"color":2869},{"name":2888,"color":2889},2576,"[v3] cannot use `import.meta` outside a module","2024-11-09T17:43:59Z","https://github.com/nuxt/ui/issues/2576",0.65805614,{"description":2934,"labels":2935,"number":2937,"owner":2874,"repository":2875,"state":2918,"title":2938,"updated_at":2939,"url":2940,"score":2941},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v20.12.0\r\n- Nuxt Version: 3.10.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.5.0\r\n- Builder: -\r\n- User Config: devtools, modules\r\n- Runtime Modules: @nuxt/ui@2.18.6\r\n- Build Modules: -\n\n### Version\n\n2.18.6\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/k6rsz6?file=%2Fapp.vue%3A1%2C1\n\n### Description\n\nI'm trying to add types for a `ref` to a `UForm` component, but when I tried to use the `setErrors` method there was the following typescript error:\r\n\r\n```\r\nProperty 'setErrors' does not exist on type\r\n'CreateComponentPublicInstanceWithMixins\u003CReadonly\u003CExtractPropTypes\u003C{ schema: { type: PropType\u003CZodSchema> | PropType\u003CYupObjectSchema\u003Cany>> | PropType\u003CJoiSchema> | PropType\u003Cany>; default: any; }; state: { type: ObjectConstructor; required: true; }; validate: { ...; }; validateOn: { ...; }; }>> & Readonly\u003C...>, ... 24 m...'.\r\nDid you mean 'errors'?\r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2936],{"name":2868,"color":2869},2292,"Property 'setErrors' does not exist on type","2024-10-06T17:50:16Z","https://github.com/nuxt/ui/issues/2292",0.6643711,{"description":2943,"labels":2944,"number":2947,"owner":2874,"repository":2875,"state":2918,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.15.2\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.4\n- Builder: -\n- User Config: compatibilityDate, devtools, modules\n- Runtime Modules: @nuxt/ui@2.21.0\n- Build Modules: -\n\n### Version\n\n 2.21.0\n\n### Reproduction\n\n1. Create a new nuxt project using cli\n2. install nuxt/ui using cli command `npx nuxi@latest module add ui`\n\n### Description\n\n WARN Failed to load config ./.nuxt/nuxtui-tailwind.config.mjs due to the error below. Skipping.. nuxt:tailwindcss 8:47:34 PM\n Cannot find module 'tailwindcss/lib/lib/defaultExtractor.js'\nRequire stack:\n\nPretty sure this has got to do with an update in nitro/nuxt i saw recently @danielroe any ideas?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n Require stack:\n - .nuxt/nuxtui-tailwind.config.mjs\n at Function._resolveFilename (node:internal/modules/cjs/loader:1249:15)\n at Function.resolve (node:internal/modules/helpers:151:19)\n at jitiResolve (node_modules/.pnpm/jiti@2.4.2/node_modules/jiti/dist/jiti.cjs:1:187220)\n at jitiRequire (node_modules/.pnpm/jiti@2.4.2/node_modules/jiti/dist/jiti.cjs:1:189288)\n at import (node_modules/.pnpm/jiti@2.4.2/node_modules/jiti/dist/jiti.cjs:1:199778)\n at .nuxt/nuxtui-tailwind.config.mjs:2:31\n at eval_evalModule (node_modules/.pnpm/jiti@2.4.2/node_modules/jiti/dist/jiti.cjs:1:196325)\n at node_modules/.pnpm/jiti@2.4.2/node_modules/jiti/dist/jiti.cjs:1:194552\n at async Function.import (node_modules/.pnpm/jiti@2.4.2/node_modules/jiti/dist/jiti.cjs:1:199772)\n at async resolveConfig (node_modules/.pnpm/c12@2.0.1_magicast@0.3.5/node_modules/c12/dist/shared/c12.B4fc1S0C.mjs:343:18)\n at async loadConfig (node_modules/.pnpm/c12@2.0.1_magicast@0.3.5/node_modules/c12/dist/shared/c12.B4fc1S0C.mjs:147:23)\n at async Promise.all (index 3)\n at async loadConfigs (node_modules/.pnpm/@nuxtjs+tailwindcss@6.13.1_magicast@0.3.5_rollup@4.30.1/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:374:27)\n at async node_modules/.pnpm/@nuxtjs+tailwindcss@6.13.1_magicast@0.3.5_rollup@4.30.1/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:420:9\n at async generateApp (node_modules/.pnpm/nuxt@3.15.2_@parcel+watcher@2.5.0_@types+node@22.10.7_db0@0.2.1_ioredis@5.4.2_magicast@0.3.5__uowpedy6xy2pdmgu2ptesyqdza/node_modules/nuxt/dist/shared/nuxt.BoHAox-C.mjs:6166:5)\n at async _applyPromised (node_modules/.pnpm/perfect-debounce@1.0.0/node_modules/perfect-debounce/dist/index.mjs:54:10)\n\n```",[2945,2946],{"name":2868,"color":2869},{"name":2871,"color":2872},3139,"Failed to load config error on init","2025-03-17T14:13:36Z","https://github.com/nuxt/ui/issues/3139",0.6811397,{"description":2953,"labels":2954,"number":2959,"owner":2874,"repository":2875,"state":2918,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### 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?",[2955,2958],{"name":2956,"color":2957},"question","d876e3",{"name":2888,"color":2889},3658,"Button Focus Indication","2025-03-24T09:50:12Z","https://github.com/nuxt/ui/issues/3658",0.6820617,{"description":2965,"labels":2966,"number":2972,"owner":2874,"repository":2875,"state":2918,"title":2973,"updated_at":2974,"url":2975,"score":2976},"### 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```",[2967,2968,2969],{"name":2868,"color":2869},{"name":2888,"color":2889},{"name":2970,"color":2971},"vue","42b883",3151,"unplugin-vue-components conflict","2025-01-30T11:17:43Z","https://github.com/nuxt/ui/issues/3151",0.68270385,{"description":2978,"labels":2979,"number":2981,"owner":2874,"repository":2875,"state":2918,"title":2982,"updated_at":2983,"url":2984,"score":2985},"### 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 :-)",[2980],{"name":2956,"color":2957},2850,"Nuxt UI & PurgeCSS","2025-03-28T17:38:11Z","https://github.com/nuxt/ui/issues/2850",0.6846086,["Reactive",2987],{},["Set"],["ShallowReactive",2990],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f0OGXv0qnlnWvmkVa3_whGIqbYjM9Ot2SYRPadLtZ9q8":-1},"/nuxt/ui/2442"]