\n \u003CUInput v-model=\"state.name1\" placeholder=\"...\" />\n\u003C/UModal>\n```\n\nWhen a modal contains one or more input boxes, the first input box will always get focus automatically.\nIf I manually add a close button in the upper right corner, it will trigger a validation when I click it. This is not good. How can I avoid the input box getting focus when opening the modal?\n\n### Additional context\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2004,2005],{"name":1985,"color":1986},{"name":1991,"color":1992},3062,"The input box in the modal will automatically gain focus","2025-01-10T08:36:56Z","https://github.com/nuxt/ui/issues/3062",0.6615301,{"description":2012,"labels":2013,"number":2015,"owner":1994,"repository":2016,"state":1996,"title":2017,"updated_at":2018,"url":2019,"score":2020},"### 🐛 The bug\n\nThe center marker is always show on maps placeholder image.\nSee https://github.com/nuxt/scripts/blob/f96f7b51549f302160559041bbf056589e899b04/src/runtime/components/ScriptGoogleMaps.vue#L394\n\n### 🛠️ To reproduce\n\nttps://stackblitz.com/edit/nuxt-starter-pkwfkx?file=pages%2Findex.vue\n\n### 🌈 Expected behavior\n\nShould be dependent on centerMarker boolean prop: https://github.com/nuxt/scripts/blob/f96f7b51549f302160559041bbf056589e899b04/src/runtime/components/ScriptGoogleMaps.vue#L60\n\n### ℹ️ Additional context\n\n_No response_",[2014],{"name":1985,"color":1986},402,"scripts","Center marker always shown on maps placeholder image","2025-02-24T14:10:21Z","https://github.com/nuxt/scripts/issues/402",0.66386604,{"description":2022,"labels":2023,"number":2028,"owner":1994,"repository":1995,"state":1996,"title":2029,"updated_at":2030,"url":2031,"score":2032},"### Description\n\nHi, I'm having a hard time applying transition to dark / light background.\n\nMy `main.css` file is as follows.\n\nChanging the background color from `slate` to `stone`, for example, works fine.\n\nThe problem is just for the light / dark theme transition.\n\n```\n:root {\n --ui-bg: var(--ui-color-neutral-100);\n}\n\n.dark {\n --ui-bg: var(--ui-color-neutral-900);\n}\n\n@layer base {\n body {\n @apply transition-colors duration-1000;\n }\n}\n```\n\nHere is the function that changes the theme:\n\n```\nconst isDark = computed({\n get() {\n return colorMode.value === 'dark';\n },\n set() {\n colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark';\n },\n});\n```\n\nAny help would be appreciated, thanks!\n",[2024,2027],{"name":2025,"color":2026},"question","d876e3",{"name":1988,"color":1989},3645,"Applying transition-colors to light / dark theme","2025-03-21T16:20:57Z","https://github.com/nuxt/ui/issues/3645",0.6644677,{"description":2034,"labels":2035,"number":2039,"owner":1994,"repository":1995,"state":1996,"title":2040,"updated_at":2041,"url":2042,"score":2043},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.13.1`\n- Nuxt Version: `3.16.1`\n- CLI Version: `3.23.1`\n- Nitro Version: `2.11.7`\n- Package Manager: `yarn@1.22.22`\n- Builder: `-`\n- User Config: `compatibilityDate`, `extends`, `modules`, `css`, `app`, `linkChecker`, `build`, `schemaOrg`, `sitemap`, `robots`, `future`, `runtimeConfig`, `imports`, `ui`, `image`, `dayjs`, `prismic`\n- Runtime Modules: `@nuxtjs/prismic@4.1.0`, `nuxt-swiper@2.0.0`, `dayjs-nuxt@2.1.11`, `@nuxt/ui@3.0.0`, `@zadigetvoltaire/nuxt-gtm@0.0.13`, `@nuxtjs/seo@3.0.1`, `@nuxt/scripts@0.11.2`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0\n\n### Reproduction\n\nnot needed\n\n### Description\n\nThe header with a lot of text in mobile is getting squashed. I believe the problem is the min-h-16 utility.\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2036,2037,2038],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3635,"UModal Header height clipped","2025-03-20T13:20:49Z","https://github.com/nuxt/ui/issues/3635",0.6657354,{"description":2045,"labels":2046,"number":2048,"owner":1994,"repository":2016,"state":1996,"title":2049,"updated_at":2050,"url":2051,"score":2052},"### 🐛 The bug\n\nHi, I found this specific bug that occurs using layouts and having `pageTransition` and `layoutTransition` enabled in nuxt config. Then, you navigate between layouts and the last page has a video and is fetching something with `useFetch`, then, you try to play the video. The script loads, but the video doesn't play.\n\n\n\n- Steps to reproduce: _(It is recommended to open the preview in a new tab)_\n1. Start the reproduction\n2. You must be on the index page `/`\n3. Click `Go to Layout`\n4. Try to play the video\n5. The script loads, but the video doesn't play\n6. Inspect the console and you must see the error\n\n\n### 🛠️ To reproduce\n\nhttps://stackblitz.com/edit/nuxt-starter-aqvq3n\n\n### 🌈 Expected behavior\n\nThe video in /video should be played after clicking it\n\n### ℹ️ Additional context\n\nnuxt: 3.13.2\n@nuxt/scripts: 0.9.4\n\nBtw: this error doesn't occur if you enclose the script with `\u003CClientOnly>`",[2047],{"name":1985,"color":1986},297,"ScriptYouTubePlayer: Weird specific bug related to layouts, transitions and useFetch","2024-10-22T08:53:32Z","https://github.com/nuxt/scripts/issues/297",0.6784048,{"description":2054,"labels":2055,"number":2056,"owner":1994,"repository":2057,"state":1996,"title":2058,"updated_at":2059,"url":2060,"score":2061},"My icon file directory is nested, which means I'm creating multiple `customCollections`, like this: \n\n\nIs there a simpler way to write it?",[],316,"icon","Local custom nested folder usage issues","2025-03-16T06:02:57Z","https://github.com/nuxt/icon/issues/316",0.6805254,{"description":2063,"labels":2064,"number":2067,"owner":1994,"repository":1995,"state":1996,"title":2068,"updated_at":2069,"url":2070,"score":2071},"### Description\n\nHello everyone,\n\nI am using a drawer like this:\n\n```\nconst onViewDetails = () => {\n const drawer = overlay.create(TaskOverlay)\n\n drawer.open({\n project: props.project\n })\n}\n```\n\nNow the problem is that I am using an event bus that is being used inside the onMounted() method: \n\n```\nonMounted(() => {\n $listen('task:updated', (taskId: string) => {\n console.log(\"Test\")\n refresh()\n })\n})\n```\n\nNow the question is: How can I unmount the drawer if it is closed? Once opened, the refresh event will be triggered, event if the drawer has been closed already.\n\nAny idea how I could handle this?",[2065,2066],{"name":2025,"color":2026},{"name":1988,"color":1989},3828,"Drawer is not unmounted when closed","2025-04-08T12:37:33Z","https://github.com/nuxt/ui/issues/3828",0.6934272,{"description":2073,"labels":2074,"number":2080,"owner":1994,"repository":1995,"state":1996,"title":2081,"updated_at":2082,"url":2083,"score":2084},"### Description\n\nI’ve been trying to display an avatar with a chip inside a `UCommandPalette` item (and `UButton`, …), but it looks like this use case isn't currently supported. \n\n### Additional context\n\n_No response_",[2075,2078,2079],{"name":2076,"color":2077},"enhancement","a2eeef",{"name":1988,"color":1989},{"name":1991,"color":1992},3827,"[UCommandPalette] Support for avatars with chips in `UCommandPalette` items (and `UButton`, …)","2025-04-08T12:03:29Z","https://github.com/nuxt/ui/issues/3827",0.6954113,{"description":2086,"labels":2087,"number":2094,"owner":1994,"repository":2095,"state":2096,"title":2097,"updated_at":2098,"url":2099,"score":2100},"_Following the meeting in Paris with @danielroe and @Atinux, we need a better communication for our community members to have a better understanding of our organisation._\n\nAdd a FAQ page to explain the scope of Nuxt Open Source Community and NuxtLabs.\nExample: [Vue FAQ](https://vuejs.org/about/faq.html)\n",[2088,2091],{"name":2089,"color":2090},"marketing","f5c828",{"name":2092,"color":2093},"dev","018415",1336,"nuxt.com","closed","FAQ Page","2023-10-10T14:44:50Z","https://github.com/nuxt/nuxt.com/issues/1336",0.65833277,["Reactive",2102],{},["Set"],["ShallowReactive",2105],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"WVKZBW6hdPCJYo1V2wR8Kmgui6S6tMMsOxApPTgnlDg":-1},"/nuxt/ui/3546"]