\n \u003CUModal v-model=\"isOpen\" :fullscreen=\"fullscreen\">\n \u003Cdiv class=\"p-4\">\n \u003CUButton label=\"Toggle fullscreen\" @click=\"toggleFullscreen\" />\n \u003C/div>\n \u003C/UModal>\n \u003C/div>\n\u003C/template>\n```\n\n### Description\n\nStarting from [2.18.6](https://github.com/nuxt/ui/releases/tag/v2.18.6) @nuxt/ui version, Modal component become transparent when toggle `fullscreen` property. It seems something wrong with transitions css classes in UI props.\n\n**Expected behavior:**\n1. open Modal with `fullscreen=false`\n2. set `fullscreen=true`, Modal fills all viewport\n3. set `fullscreen=false`, Modal become small again\n\n**On 2.18.5 works as expected.** \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2867,2870],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"triage","ffffff",3292,"nuxt","ui","open","Modal component fullscreen property toggle cause invalid css transition","2025-02-11T20:14:53Z","https://github.com/nuxt/ui/issues/3292",0.6953759,{"description":2882,"labels":2883,"number":2890,"owner":2874,"repository":2875,"state":2876,"title":2891,"updated_at":2892,"url":2893,"score":2894},"### Description\n\nHello,\nAny events fired when month or year is changed? Are there any events emitted?\nCouldnt find anything in the docs\n\nthanks.",[2884,2887],{"name":2885,"color":2886},"question","d876e3",{"name":2888,"color":2889},"v3","49DCB8",3593,"Calendar : Month / Year Emits","2025-03-21T18:11:05Z","https://github.com/nuxt/ui/issues/3593",0.7275876,{"description":2896,"labels":2897,"number":2898,"owner":2874,"repository":2899,"state":2876,"title":2900,"updated_at":2901,"url":2902,"score":2903},"https://stackblitz.com/edit/nuxt-icon-playground-frxmrw4y\n\nIcons not displayed",[],368,"icon","Not shows with new Nuxt 3.16.0","2025-03-13T12:52:04Z","https://github.com/nuxt/icon/issues/368",0.72983235,{"description":2905,"labels":2906,"number":2910,"owner":2874,"repository":2911,"state":2876,"title":2912,"updated_at":2913,"url":2914,"score":2915},"From my testings, only weights `400` (normal) and `700` (bold) are available out of the box by using the `@nuxtjs/tailwindcss` module like this:\r\n\r\n```html\r\n\u003Cspan class=\"font-roboto\">...\u003C/span> \u003C!-- Works -->\r\n\r\n\u003Cspan class=\"font-roboto font-bold\">...\u003C/span> \u003C!-- Works -->\r\n\r\n\u003Cspan class=\"font-roboto font-medium\">...\u003C/span> \u003C!-- Doesn't work -->\r\n```\r\n\r\n> `font-roboto` is defined in tailwind.config.\r\n\r\nAm I missing something, or do I do have to specify the other weights in the module options?",[2907],{"name":2908,"color":2909},"enhancement","a2eeef",209,"fonts","detect font weights automatically","2024-11-24T15:36:51Z","https://github.com/nuxt/fonts/issues/209",0.7325801,{"description":2917,"labels":2918,"number":2922,"owner":2874,"repository":2875,"state":2923,"title":2924,"updated_at":2925,"url":2926,"score":2927},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.9.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.3\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.10.2\n- Builder: -\n- User Config: devtools, vite, modules, css, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.0-beta.2\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.15.4\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/pmvsfw\n\n### Description\n\n```\ndeclare function _useOverlay(): {\n overlays: import(\"vue\").ShallowReactive\u003COverlay[]>;\n open: \u003CT extends Component>(id: symbol, props?: ComponentProps\u003CT>) => Promise\u003Cany>;\n close: (id: symbol, value?: any) => void;\n create: \u003CT extends Component>(component: T, _options?: OverlayOptions\u003CComponentProps\u003CT>>) => OverlayInstance\u003CT>;\n patch: \u003CT extends Component>(id: symbol, props: Partial\u003CComponentProps\u003CT>>) => void;\n unMount: (id: symbol) => void;\n};\n```\ne.g:\n```\nconst overlay = useOverlay()\noverlay.create(UModal, { props: {untyped} })\n```\n\nI didn't get the correct props type when using useOverlay, and there are no property hints when passing overlay.open or the open function after create\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2919,2920,2921],{"name":2868,"color":2869},{"name":2888,"color":2889},{"name":2871,"color":2872},3436,"closed","useOverlay props type lost","2025-03-28T21:05:02Z","https://github.com/nuxt/ui/issues/3436",0.68659204,{"description":2929,"labels":2930,"number":2934,"owner":2874,"repository":2874,"state":2923,"title":2935,"updated_at":2936,"url":2937,"score":2938},"In `nuxt.config.js` I have the following env variable:\r\n\r\n```\r\n env: {\r\n API_URL: 'http://localhost:3000/api/'\r\n }\r\n```\r\n\r\nI want to set this `API_URL` variable different value when I'm in production, test or dev environment.\r\nHow can I do this? \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/c1604\">#c1604\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2931],{"name":2932,"color":2933},"2.x","d4c5f9",1789,"Setting different value to env variable in dev, test and production environment.","2023-01-18T15:54:46Z","https://github.com/nuxt/nuxt/issues/1789",0.7251916,{"description":2940,"labels":2941,"number":2944,"owner":2874,"repository":2945,"state":2923,"title":2946,"updated_at":2947,"url":2948,"score":2949},"After updating the API, Jobs page is on error under certain circumstances : \n\nRelated commit : https://github.com/nuxtlabs/nuxt.com/commit/8962705b5d0dda99724d661efeeb4ed18e332db4\n\nEnvironment (Preview) : https://framework-p2aadzhns-nuxt-js.vercel.app/\n\n```\nTypeError: Cannot read properties of undefined (reading 'map')\n```\n\nThis is due to changes in the data structure of the API, changing from `\u003CNuxtJob[]>` to `{ data: \u003CNuxtJob[]>`. API endpoint (/api/jobs) seems to sometimes serve the outdated data.\n\n- 1 : client-side navigation from / to /support/jobs : fails\n- 2 : Server hit on /support/jobs : works\n- 3: client-side navigation back and forth to /support/jobs after 2 : works",[2942],{"name":2868,"color":2943},"ff281a",1041,"nuxt.com","[Jobs] Error after API update","2023-06-06T12:14:28Z","https://github.com/nuxt/nuxt.com/issues/1041",0.72880864,{"description":2951,"labels":2952,"number":2956,"owner":2874,"repository":2874,"state":2923,"title":2957,"updated_at":2958,"url":2959,"score":2960},"Hey!\r\n\r\n## Description\r\n\r\nI'm currently trying to set several config parameters depending on whether nuxt.js is launched in dev or production mode. To accomplish this, I haven't changed any environment variables before starting nuxt.\r\nUnfortunately, the following won't work (using the axios module) by default:\r\n\r\n```\r\n /*\r\n * Axios\r\n */\r\n axios: {\r\n baseURL: process.env.NODE_ENV !== 'production' ? 'http://api.xyz.test' : 'https://api.xyz.com'\r\n },\r\n```\r\n\r\nIf I use `console.log(process.env.NODE_ENV)` in the `nuxt.config.js` file, it's undefined (if not set before)\r\n\r\n## Current possible solution\r\n\r\nI only came up with one solution for it:\r\n\r\n### Set env variables before starting\r\n\r\nWe could update the package.json scripts to include NODE_ENV or set it manually through the console.\r\nThe former blocks \"overriding\" ENV through the command line, the latter is quite tedious.\r\n```\r\n\"scripts\": {\r\n \"dev\": \"NODE_ENV=development nuxt\",\r\n \"build\": \"NODE_ENV=production nuxt build\",\r\n \"start\": \"NODE_ENV=production nuxt start\",\r\n \"generate\": \"NODE_ENV=production nuxt generate\", \r\n },\r\n```\r\n\r\n### Use dotenv module\r\n\r\nAlso a way to deal with it, and highly customizable. Still, there should be an easier way to define the \"default\" configuration which would be enough in many use-cases.\r\n\r\n## Other solutions?\r\n\r\nAre there better ways to accomplish similar behavior easier?\r\n\r\nBy default, NODE_ENV is set depending on the nuxt mode (`nuxt dev` = development, production otherwise), but I guess this happens after interpreting the config.\r\n\r\nCould we use `extend()` for it? :thinking: \r\n\r\n## Related\r\nhttps://github.com/nuxt/nuxt.js/blob/dev/lib/builder/webpack/server.config.js#L50\r\nhttps://github.com/nuxt/nuxt.js/issues/1386\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2598\">#c2598\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2953,2955],{"name":2885,"color":2954},"cc317c",{"name":2932,"color":2933},2998,"Use environment variables inside nuxt.config.js","2023-01-18T16:09:50Z","https://github.com/nuxt/nuxt/issues/2998",0.7296307,{"description":2962,"labels":2963,"number":2966,"owner":2874,"repository":2874,"state":2923,"title":2967,"updated_at":2968,"url":2969,"score":2970},"Hello !\r\n\r\nFrom the doc, there is a way to set environment variables using the `config.env` key. However, I see one problem here :\r\n\r\nEnvironment variables should not be committed to version control (Git / SVN...). They can be different between environment (local development, continuous integration, production...), and placing them inside the whole project configuration makes it difficult / impossible to maintain. I would have to remember before each commit to remove the environment variables. 😅\r\n\r\nWhat I'm suggesting is following practices already in place : `.env` files.\r\n\r\nEnvironment variables should be defined in here, not in the configuration file anymore. That way, this file could be omitted from version control, and everything would be separated between environments. Of course, the developer would have to think to create the `.env` file on every machine he uses, but that's a small trade-off in my opinion.\r\n\r\nWhat do you think ? Did you already though about it and decided not to implement it ?\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/c513\">#c513\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2964,2965],{"name":2885,"color":2954},{"name":2932,"color":2933},586,"Allow .env files to set environment variables","2023-01-18T15:39:32Z","https://github.com/nuxt/nuxt/issues/586",0.7324269,{"description":2972,"labels":2973,"number":2978,"owner":2874,"repository":2875,"state":2923,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### Environment\n\n\n- Operating System: `Darwin`\n- Node Version: `v20.10.0`\n- Nuxt Version: `3.15.0`\n- CLI Version: `3.17.2`\n- Nitro Version: `2.10.4`\n- Package Manager: `npm@10.2.3`\n- Builder: `-`\n- User Config: `default`\n- Runtime Modules: `@vueuse/nuxt@12.2.0`, `@nuxtjs/i18n@9.1.1`, `@nuxt/ui@2.20.0`, `@nuxt/fonts@0.10.3`, `@hebilicious/authjs-nuxt@0.3.5`, `@nuxt/icon@1.10.3`\n- Build Modules: `-`\n\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui.\n\n### Description\n\nJust upgraded my Nuxt version to 3.15, and I noticed that modal or slide over components for now are **not working**\nthey have updated the vite version, and I think this is the issue here.\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nERROR Unexpected 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:99:7)\n at createScript (node:vm:247:10)\n at Object.runInThisContext (node:vm:295:10)\n at ViteNodeRunner.runModule (node_modules/vite-node/dist/client.mjs:398:19)\n at ViteNodeRunner.directRequest (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 (node_modules/vite-node/dist/client.mjs:206:14)\n at async ViteNodeRunner.dependencyRequest (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 (node_modules/vite-node/dist/client.mjs:399:5)\n```",[2974,2975],{"name":2868,"color":2869},{"name":2976,"color":2977},"upstream","78bddb",2971,"Nuxt 3.15 \"Unexpected token\"","2025-02-11T14:18:19Z","https://github.com/nuxt/ui/issues/2971",0.73301256,["Reactive",2984],{},["Set"],["ShallowReactive",2987],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fTQBy_5soHjYozHQF97vz-54S7A9mAbm8k7j7tswxHFg":-1},"/nuxt/ui/3291"]