\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```",[2034,2035],{"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.716543,{"description":2042,"labels":2043,"number":2048,"owner":1994,"repository":1995,"state":1996,"title":2049,"updated_at":2050,"url":2051,"score":2052},"### 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",[2044,2047],{"name":2045,"color":2046},"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.7208341,{"description":2054,"labels":2055,"number":2056,"owner":1994,"repository":2057,"state":2058,"title":2059,"updated_at":2060,"url":2061,"score":2062},"Multiple links in showcase links to either dead sites or dead pages on the sites. I have attached a few. Also the russian mcdonalds site is on there\r\nhttps://mcdonalds.ru/\r\nhttps://ai.marketing/user/robot\r\nhttps://game.fonts.adobe.com/\r\nhttps://annual.awwwards.com/\r\nhttps://globalmaintainersummit.github.com/\r\nhttps://vintageria.it/\r\nhttps://hyundaiusa.com/",[],1530,"nuxt.com","closed","Dead showcase links","2024-03-11T22:26:22Z","https://github.com/nuxt/nuxt.com/issues/1530",0.67188114,{"description":2064,"labels":2065,"number":2071,"owner":1994,"repository":2057,"state":2058,"title":2072,"updated_at":2073,"url":2074,"score":2075},"Where should we add the close button?",[2066,2068],{"name":1985,"color":2067},"ff281a",{"name":2069,"color":2070},"responsive","1cd1c6",688,"[Project] Branches and files modals cannot be closed on mobile","2023-02-15T12:32:44Z","https://github.com/nuxt/nuxt.com/issues/688",0.6883104,{"description":2077,"labels":2078,"number":2025,"owner":1994,"repository":2057,"state":2058,"title":2082,"updated_at":2083,"url":2084,"score":2030},"Redirect to `/projects` public page instead\n\nBlocked by #403 ",[2079],{"name":2080,"color":2081},"enhancement","1ad6ff","Beta page integration `/beta`","2022-06-07T09:41:42Z","https://github.com/nuxt/nuxt.com/issues/402",{"description":2086,"labels":2087,"number":2094,"owner":1994,"repository":1994,"state":2058,"title":2095,"updated_at":2096,"url":2097,"score":2098},"### Version\n\n[v2.1.0](https://github.com/nuxt.js/releases/tag/v2.1.0)\n\n### Reproduction link\n\n[https://github.com/roywuyy/nuxt-test-vue-jsx-v-model/blob/master/pages/test.vue](https://github.com/roywuyy/nuxt-test-vue-jsx-v-model/blob/master/pages/test.vue)\n\n### Steps to reproduce\n\nInstall nuxt-test-vue-jsx-v-mode and switch between my master (Nuxt 2.1) and nuxt-142 (Nuxt 1.4.2) branch to see the error.\n\n### What is expected ?\n\nVue jsx v-model works fine Or is there any temporary solution?\n\n### What is actually happening?\n\nIn 2.1.0 v-model is invalid and there is no error.\n\n\n\n### Additional comments?\n\nNo problem in 1.4.2\n\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7939\">#c7939\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2088,2091],{"name":2089,"color":2090},"pending triage","E99695",{"name":2092,"color":2093},"2.x","d4c5f9",4075,"Vue jsx v-model fails after upgrading 2.X","2023-01-22T15:30:07Z","https://github.com/nuxt/nuxt/issues/4075",0.7044093,["Reactive",2100],{},["Set"],["ShallowReactive",2103],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"HSwY5e0lfigLqVRFIaCH9jZNbRypZpY0fng6KfO0WFI":-1},"/nuxt/icon/253"]