\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```",[2907,2908],{"name":2868,"color":2869},{"name":2874,"color":2875},3062,"The input box in the modal will automatically gain focus","2025-01-10T08:36:56Z","https://github.com/nuxt/ui/issues/3062",0.7251756,{"description":2915,"labels":2916,"number":2921,"owner":2877,"repository":2878,"state":2879,"title":2922,"updated_at":2923,"url":2924,"score":2925},"### 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",[2917,2920],{"name":2918,"color":2919},"question","d876e3",{"name":2871,"color":2872},3645,"Applying transition-colors to light / dark theme","2025-03-21T16:20:57Z","https://github.com/nuxt/ui/issues/3645",0.72898626,{"description":2927,"labels":2928,"number":2930,"owner":2877,"repository":2931,"state":2879,"title":2932,"updated_at":2933,"url":2934,"score":2935},"### 🐛 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>`",[2929],{"name":2868,"color":2869},297,"scripts","ScriptYouTubePlayer: Weird specific bug related to layouts, transitions and useFetch","2024-10-22T08:53:32Z","https://github.com/nuxt/scripts/issues/297",0.7307877,{"description":2937,"labels":2938,"number":2939,"owner":2877,"repository":2940,"state":2941,"title":2942,"updated_at":2943,"url":2944,"score":2945},"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.6707136,{"description":2947,"labels":2948,"number":2952,"owner":2877,"repository":2940,"state":2941,"title":2953,"updated_at":2954,"url":2955,"score":2956},"Redirect to `/projects` public page instead\n\nBlocked by #403 ",[2949],{"name":2950,"color":2951},"enhancement","1ad6ff",402,"Beta page integration `/beta`","2022-06-07T09:41:42Z","https://github.com/nuxt/nuxt.com/issues/402",0.70725214,{"description":2958,"labels":2959,"number":2966,"owner":2877,"repository":2877,"state":2941,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### 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>",[2960,2963],{"name":2961,"color":2962},"pending triage","E99695",{"name":2964,"color":2965},"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.7081733,{"description":2972,"labels":2973,"number":2976,"owner":2877,"repository":2878,"state":2941,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### Description\n\ni noticed that NUXT UI / NUXT UI PRO were refactored to use tailwind's new version 3 stuff + radix...\n\ni just went to the tailwind docs today and it looks like they just skipped right past their new version 3 and went to version 4...\n\nany ideas how this effects NUXT UI/PRO? \n\nMy undersanding is that version 3->4 means it was a semver breaking change?",[2974,2975],{"name":2918,"color":2919},{"name":2871,"color":2872},3167,"tailwind version 4..?","2025-01-24T10:17:32Z","https://github.com/nuxt/ui/issues/3167",0.71030945,["Reactive",2982],{},["Set"],["ShallowReactive",2985],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fHSwY5e0lfigLqVRFIaCH9jZNbRypZpY0fng6KfO0WFI":-1},"/nuxt/icon/253"]