\n```\n\nsame result is expected when using `active`, but `leadingIcon` is ignored\n```\n\u003CUButton\n label=\"Label\"\n active\n active-color=\"primary\"\n active-variant=\"soft\"\n icon=\"mdi-account\"\n @click.prevent=\"active = !active\"\n/>\n```\n\n### Additional context\n\n\u003Cimg width=\"202\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/0756fb1c-772c-44ae-855d-90aba304bd9e\" />",[2878,2881,2884],{"name":2879,"color":2880},"bug","d73a4a",{"name":2882,"color":2883},"v3","49DCB8",{"name":2885,"color":2886},"triage","ffffff",3972,"ui","Different result than static for active-color & active-variant","2025-04-24T15:30:39Z","https://github.com/nuxt/ui/issues/3972",0.724536,{"description":2894,"labels":2895,"number":2902,"owner":2868,"repository":2868,"state":2870,"title":2903,"updated_at":2904,"url":2905,"score":2906},"E.g: \r\n\r\nThis common problem can avoid many `Issues`\r\n\r\nWhat do y'all think :)",[2896,2899],{"name":2897,"color":2898},"documentation","5319e7",{"name":2900,"color":2901},"discussion","538de2",14689,"Add FAQ section to the docs for common issues","2024-06-30T11:10:19Z","https://github.com/nuxt/nuxt/issues/14689",0.7311214,{"description":2908,"labels":2909,"number":2917,"owner":2868,"repository":2868,"state":2918,"title":2919,"updated_at":2920,"url":2921,"score":2922},"### Environment\n\n-\n\n### Reproduction\n\nhttps://nuxt.com/modules/tailwindcss\r\nhttps://nuxt.com/modules/nuxt-viewport\n\n### Describe the bug\n\nUsing the light theme we get code highlighting bug\r\n\u003Cimg width=\"1048\" alt=\"image\" src=\"https://user-images.githubusercontent.com/24970784/202643486-d93875f9-5281-4b09-9ac0-f9c964502058.png\">\r\n\u003Cimg width=\"1046\" alt=\"image\" src=\"https://user-images.githubusercontent.com/24970784/202643580-8d1c222f-3c4c-456a-b00a-a9746e1bd92e.png\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2910,2911,2914],{"name":2897,"color":2898},{"name":2912,"color":2913},"3.x","29bc7f",{"name":2915,"color":2916},"pending triage","E99695",15531,"closed","docs: markdown in modules with light theme are broken","2023-01-19T17:53:18Z","https://github.com/nuxt/nuxt/issues/15531",0.6568357,{"description":2924,"labels":2925,"number":2927,"owner":2868,"repository":2868,"state":2918,"title":2928,"updated_at":2929,"url":2930,"score":2931},"https://nuxt.com/docs/guide/directory-structure/middleware#format\r\n\r\n\r\n\r\n\r\n\r\n",[2926],{"name":2912,"color":2913},15632,"bug: docs `{` ","2023-01-19T18:19:54Z","https://github.com/nuxt/nuxt/issues/15632",0.66115683,{"description":2933,"labels":2934,"number":2938,"owner":2868,"repository":2868,"state":2918,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### Environment\n\nThis bug relates to the documentation. \n\n### Reproduction\n\nThis bug relates to the documentation. \n\n### Describe the bug\n\nInside docs examples on [Guide -> Directory Structure -> server/](https://nuxt.com/docs/guide/directory-structure/server) the multiline code blocks are missing opening `{` for the arrow functions. This causes copy pastes to be broken.\r\n\r\nI initially thought this would just be a typo inside the markdown file, but the content itself appears to be fine. This leads me to believe that this is an issue with the code highlighting, possibly, but I'm not 100% sure.\r\n\r\n\r\n\r\nhttps://github.com/nuxt/framework/edit/main/docs/content/1.docs/2.guide/2.directory-structure/1.server.md\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2935,2936,2937],{"name":2897,"color":2898},{"name":2912,"color":2913},{"name":2915,"color":2916},15546,"Docs code examples broken, missing \"{\"","2023-01-19T17:53:56Z","https://github.com/nuxt/nuxt/issues/15546",0.6863344,{"description":2944,"labels":2945,"number":2949,"owner":2868,"repository":2888,"state":2918,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### Environment\n\n- Operating System: Windows 10 \n- Node Version: v22.10.0 \n- Nuxt Version: 3.16.0 \n- CLI Version: 3.22.5 \n- Nitro Version: 2.11.5 \n- Package Manager: pnpm@9.15.7 \n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, meta, ssr, runtimeConfig, ui \n- Runtime Modules: @nuxt/ui@3.0.0-beta.3, @nuxt/icon@1.10.3, @nuxt/fonts@0.11.0, @vueuse/nuxt@12.8.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt UI 3.0\n\n### Reproduction\n\n```\n\u003Ctemplate>\n\u003CUInput\n v-model=\"translation\"\n ref=\"translationField\" \n />\n\u003C/template>\n\n\u003Cscript setup>\nconst translationField = ref(null)\n\nfunction nextCard() {\n translationField.value.focus() // throws: 'focus is not a function'\n \n nextTick(() => {\n translationField.value.focus() // same error\n })\n\n // below works ok\n nextTick(() => {\n const input = translationField.value?.$el?.querySelector('input')\n if (input) {\n input.focus()\n }\n })\n}\n\u003C/script>\n```\n\n\n### Description\nStandard Vue method of using template ref (for setting a focus, here) throws: 'focus() is not a function'\nIn the above code snippet I included workaround (credits to Sonnet 3.5)\nTried it dozen of times and checked this place to see if it has not been solved earlier.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2946,2947,2948],{"name":2879,"color":2880},{"name":2882,"color":2883},{"name":2885,"color":2886},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.7079565,{"description":2955,"labels":2956,"number":2959,"owner":2868,"repository":2960,"state":2918,"title":2961,"updated_at":2962,"url":2963,"score":2964},"A branch has been made to showcase the difference of output when opening a file in the editor: https://github.com/nuxtlabs/nuxt.com/commit/97cc718c717e5defb92d633851f31d750af4b2d3",[2957],{"name":2879,"color":2958},"ff281a",327,"nuxt.com","Parser/Serializer of `@docus/editor` is not 1:1","2023-06-06T12:14:50Z","https://github.com/nuxt/nuxt.com/issues/327",0.711283,{"description":2966,"labels":2967,"number":2959,"owner":2868,"repository":2969,"state":2918,"title":2970,"updated_at":2971,"url":2972,"score":2964},"### 🐛 The bug\n\nHi team!\n\nThe `ScriptYouTubePlayer` component accepts `width` and `height` (or defaults to `640` and `480`). From that it calculates `aspect-ratio` and then sets these styles on it\n```\nmaxWidth: '100%',\nwidth: `${props.width}px`,\nheight: 'auto',\naspectRatio: `${props.width}/${props.height}`,\n```\n\nThis could potentially cause some responsive troubles when it is inside a container that has `min-width:auto` like a grid column.\nI am providing a reproduction showing it. \nThe issue on the reproduction can be solved by adding `min-w-0` to the grid cols, as the grid cols by default want to follow the width of their content, their default is `min-width: auto`.\n\n\n### 🛠️ To reproduce\n\nhttps://stackblitz.com/edit/nuxt-starter-s1pw6n?file=app.vue\n\n### 🌈 Expected behavior\n\nAs a possible solution, I am wondering if the following could be a friendlier?\n```\nminWidth: 100px, // to have minimum width\nwidth: `100%`;\nheight: `auto`;\naspectRatio: `${props.width}/${props.height}`,\n```\n\nAlso we could let the user handle the width and height and just get the aspect ratio in the props?\n\n### ℹ️ Additional context\n\n_No response_",[2968],{"name":2879,"color":2880},"scripts","Responsive issue with ScriptYouTubePlayer component","2025-02-07T06:03:08Z","https://github.com/nuxt/scripts/issues/327",{"description":2974,"labels":2975,"number":2978,"owner":2868,"repository":2868,"state":2918,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### Environment\n\nn/a\n\n### Reproduction\n\nn/a\n\n### Describe the bug\n\nIn the docs some curly brackets are getting lost while they do exist in github.\r\nAlready cleared the cache and tried with a new browser that newer visited nuxt-docs to make sure there's no cache or SW proplem.\r\n\r\nExample: https://nuxt.com/docs/guide/directory-structure/plugins#vue-plugins\r\n \r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2976,2977],{"name":2912,"color":2913},{"name":2915,"color":2916},15677,"[DOCS]: Curly bracket get lost in code-rendering","2023-01-19T18:34:57Z","https://github.com/nuxt/nuxt/issues/15677",0.7157102,["Reactive",2984],{},["Set"],["ShallowReactive",2987],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ft9E2GdGIooVV32ZOjdLYYB74Xu2zfn-5ruyN1l0dMQU":-1},"/nuxt/nuxt.com/1011"]