\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\" />",[2902,2905,2908],{"name":2903,"color":2904},"bug","d73a4a",{"name":2906,"color":2907},"v3","49DCB8",{"name":2909,"color":2910},"triage","ffffff",3972,"nuxt","ui","open","Different result than static for active-color & active-variant","2025-04-24T15:30:39Z","https://github.com/nuxt/ui/issues/3972",0.7260219,{"description":2920,"labels":2921,"number":2922,"owner":2912,"repository":2923,"state":2914,"title":2924,"updated_at":2925,"url":2926,"score":2927},"It would be nice if you could alias and entire collection instead of just an icon.\n\nRight now I do it this way.\n```ts\nconst createIconAliases = (newPrefix: string, iconifyJson: IconifyJSON) => {\n const exisitngPrefix = iconifyJson.prefix;\n const icons = Object.keys(iconifyJson.icons);\n\n return icons.reduce(\n (object, value) => {\n object[`${newPrefix}:${value}`] = `${exisitngPrefix}:${value}`;\n return object;\n },\n {} as Record\u003Cstring, string>,\n );\n};\n```",[],362,"icon","[feature request] Allow aliasing entire collection","2025-02-21T20:10:51Z","https://github.com/nuxt/icon/issues/362",0.75141096,{"description":2929,"labels":2930,"number":2934,"owner":2912,"repository":2913,"state":2935,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### Description\n\nWhen using a Table component, it would be a cool feature to allow the items to be modified in place and an event emitted. There arent really many good solutions for this in Vue ecosystem, that I know of. \n\n### Additional context\n\n_No response_",[2931],{"name":2932,"color":2933},"enhancement","a2eeef",2168,"closed","Make an inplace editable table","2024-09-11T14:14:15Z","https://github.com/nuxt/ui/issues/2168",0.72878253,{"description":2941,"labels":2942,"number":2946,"owner":2912,"repository":2913,"state":2935,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### 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```",[2943,2944,2945],{"name":2903,"color":2904},{"name":2906,"color":2907},{"name":2909,"color":2910},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.72943705,{"description":2952,"labels":2953,"number":2964,"owner":2912,"repository":2912,"state":2935,"title":2965,"updated_at":2966,"url":2967,"score":2968},"@danielroe @boogie-ben Pull Request https://github.com/nuxt/nuxt/pull/28083 introduces a bug. \r\n`Number.parseFloat('auto')` ( valid syntax for `getComputedStyle(elem)` padding/margin ) will amount to **NAN**\r\n\r\n### Reproduction\r\nN/A\r\n\r\n_Originally posted by @misurito in https://github.com/nuxt/nuxt/issues/28083#issuecomment-2248868657_\r\n ",[2954,2957,2958,2961],{"name":2955,"color":2956},"good first issue","fbca04",{"name":2903,"color":2904},{"name":2959,"color":2960},"🔨 p3-minor","FBCA04",{"name":2962,"color":2963},"possible regression","B90A42",28306,"Scroll behavior Bug introduced wit PR 28083","2024-08-07T11:49:25Z","https://github.com/nuxt/nuxt/issues/28306",0.7399941,{"description":2970,"labels":2971,"number":2974,"owner":2912,"repository":2913,"state":2935,"title":2975,"updated_at":2976,"url":2977,"score":2978},"### Environment\n\n- Operating System: Linux\n- Node Version: v23.3.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.18.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.13.2\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.15.1\n\n### Reproduction\n\nhttps://github.com/fl5brkv/nuxt-issue\n\n### Description\n\nI installed nuxt ui 3 from the official nuxt ui starter, just wanted to try the calendar, but it doesnt work. Throwing me warnings in console.log.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue warn]: Failed to resolve component: UCalendar\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. \n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \n at \u003CAnonymous key=\"/\" vnode= Object route= Object ... > \n at \u003CRouterView name=undefined route=undefined > \n at \u003CNuxtPage > \n at \u003CToastProvider swipe-direction=\"right\" duration=5000 > \n at \u003CToaster key=0 > \n at \u003CTooltipProvider > \n at \u003CConfigProvider use-id=fn\u003Cuse-id> dir=\"ltr\" > \n at \u003CApp > \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n\nruntime-core.esm-bundler.js?v=b66559bc:50 [Vue warn]: Hydration node mismatch:\n- rendered on server: \u003C!----> \n- expected on client: UCalendar \n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \n at \u003CAnonymous key=\"/\" vnode= Object route= Object ... > \n at \u003CRouterView name=undefined route=undefined > \n at \u003CNuxtPage > \n at \u003CToastProvider swipe-direction=\"right\" duration=5000 > \n at \u003CToaster key=0 > \n at \u003CTooltipProvider > \n at \u003CConfigProvider use-id=fn\u003Cuse-id> dir=\"ltr\" > \n at \u003CApp > \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n```",[2972,2973],{"name":2903,"color":2904},{"name":2906,"color":2907},3044,"\u003CUCalendar /> isn't rendering","2025-01-08T09:24:13Z","https://github.com/nuxt/ui/issues/3044",0.7495213,{"description":2980,"labels":2981,"number":2985,"owner":2912,"repository":2912,"state":2935,"title":2986,"updated_at":2987,"url":2988,"score":2989},"I am not really sure what could cause this, probably `vue-router`?\r\n\r\nI notice this in Chromium browser (in FF looks good). When you navigate links, then when page transitions you will see that there are square/line around element (`h1` in this example) - http://awesome-snails.surge.sh\r\nTransition is not smooth and solid. \r\n\r\nI removed all CSS styles, and the issue remains. What can cause it? Can it be fixed somehow? It's very noticeable when the page is not white.\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/c1820\">#c1820\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2982],{"name":2983,"color":2984},"2.x","d4c5f9",2051,"Glitch around elements when page transition","2023-01-18T15:43:02Z","https://github.com/nuxt/nuxt/issues/2051",0.7507562,{"description":2991,"labels":2992,"number":2996,"owner":2912,"repository":2913,"state":2935,"title":2997,"updated_at":2998,"url":2999,"score":3000},"### Description\n\nBreadcrumb uses Link (and LinkBase) to implement the item rendering and navigation. Link (through LinkBase) in itself supports `onClick` event/prop. Now, passing `onClick` to the breadcrumb item does not go all the way through to the LinkBase, and thus prevents the fine-grained control of the Breadcrumb component.\n\nThe usage would look something like this:\n```\n\u003Ctemplate>\n \u003CUBreadcrumb :items=\"items\" />\n\u003C/template>\n\u003Cscript setup>\nconst items = [\n { label: \"click for one\", onClick: () => alert(\"1\"), to: \"/one\" },\n { label: \"click for two\", onClick: () => alert(\"2\"), to: \"/two\" },\n]\n\u003C/script>\n```\n\nMy need is to have some secondary effects happening besides the navigation when the user clicks on a breadcrumb item.\n\n### Additional context\n\n_No response_",[2993,2994,2995],{"name":2932,"color":2933},{"name":2906,"color":2907},{"name":2909,"color":2910},3631,"Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.7530529,{"description":3002,"labels":3003,"number":3007,"owner":2912,"repository":2913,"state":2935,"title":3008,"updated_at":3009,"url":3010,"score":3011},"### Environment\n\nNuxt UI: 3.0.1\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.15.1\n\n### Reproduction\n\n Without RP\n\n### Description\n\nThe menu item itself is correct but the internal menu items in right-to-left languages are incorrect. I solved this problem by adding the following style in the items prop, but this should be resolved in future versions.\n\n`class: 'flex-row-reverse'`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3004,3005,3006],{"name":2903,"color":2904},{"name":2906,"color":2907},{"name":2909,"color":2910},3737,"Items in the DropdownMenu have problems in RTL mode","2025-03-31T21:07:42Z","https://github.com/nuxt/ui/issues/3737",0.75320286,{"description":3013,"labels":3014,"number":3017,"owner":2912,"repository":3018,"state":2935,"title":3019,"updated_at":3020,"url":3021,"score":3022},"\r\nhttps://user-images.githubusercontent.com/904724/163576803-cde48f01-7d00-4ed2-9245-3daa17fe9616.mp4\r\n\r\n",[3015],{"name":2903,"color":3016},"ff281a",345,"nuxt.com","Scroll to top when changing file in editor","2023-02-15T12:32:10Z","https://github.com/nuxt/nuxt.com/issues/345",0.7537391,["Reactive",3024],{},["Set"],["ShallowReactive",3027],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fLeoB9O1uwdgo7dIRBXDmK3UGxPVS-CKDHstEaizT79s":-1},"/nuxt/ui/2111"]