\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\" />",[2867,2870,2873],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"v3","49DCB8",{"name":2874,"color":2875},"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.7418297,{"description":2885,"labels":2886,"number":2889,"owner":2877,"repository":2878,"state":2879,"title":2890,"updated_at":2891,"url":2892,"score":2893},"### Environment\n\n- Operating System: Darwin\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.13.0\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: npm@10.8.2\r\n- Builder: -\r\n- User Config: extends, devtools, vite, ignore, hooks, app, css, modules, supabase, dayjs, runtimeConfig, compatibilityDate\r\n- Runtime Modules: @nuxt/eslint@0.5.2, @nuxt/test-utils/module@3.14.1, nuxt-lodash@2.5.3, @pinia/nuxt@0.5.4, @vueuse/nuxt@11.0.1, @nuxtjs/supabase@1.3.5, @nuxt/ui@2.18.4, dayjs-nuxt@2.1.9\r\n- Build Modules: -\n\n### Version\n\n2.18.4\n\n### Reproduction\n\nn/a\n\n### Description\n\nI was struggling to figure out my TypeScript error and I only found the solution from this issue's stackblitz example: https://github.com/nuxt/ui/issues/1604\r\n\r\nThe example in the docs provided here does not provide a complete TypeScript example, even though the component is written using `lang=\"ts\"`. https://ui.nuxt.com/components/modal#control-programmatically\r\n\r\nThe use of `defineEmits` must be typed in order for the magical event listeners (such as `onSuccess`) to be picked up by the LSP. I recommend fixing the TS example or omitting `lang=\"ts\"` from the example.\r\n\r\nThanks for the great library!\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2887,2888],{"name":2868,"color":2869},{"name":2874,"color":2875},2085,"useModal example docs missing TypeScript defineEmits usage","2024-08-27T14:32:02Z","https://github.com/nuxt/ui/issues/2085",0.75341547,{"description":2895,"labels":2896,"number":2901,"owner":2877,"repository":2878,"state":2902,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### Description\n\nCan components be imported manually in Vue projects",[2897,2900],{"name":2898,"color":2899},"question","d876e3",{"name":2871,"color":2872},3340,"closed","Can components be imported manually in Vue projects","2025-02-17T10:10:41Z","https://github.com/nuxt/ui/issues/3340",0.7174997,{"description":2908,"labels":2909,"number":2915,"owner":2877,"repository":2878,"state":2902,"title":2916,"updated_at":2917,"url":2918,"score":2919},"### Environment\n\nOperating System: Windows\nNode Version: v22.14.0\nNuxt Version: 3.16.2\nCLI Version: 3.24.1\nNitro Version: 2.11.8\nPackage Manager: npm@10.9.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/bold-surf-kfhpdh\n\n### Description\n\nI've just tried using UNavigationMenu in the simplest way and I'm having a problem with the display.\nas the documentation is stating: https://ui.nuxt.com/components/navigation-menu#with-custom-slot\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2910,2911,2914],{"name":2868,"color":2869},{"name":2912,"color":2913},"duplicate","cfd3d7",{"name":2871,"color":2872},3835,"UNavigationMenu not showing correctly","2025-04-09T08:23:59Z","https://github.com/nuxt/ui/issues/3835",0.7218313,{"description":2921,"labels":2922,"number":2926,"owner":2877,"repository":2878,"state":2902,"title":2927,"updated_at":2928,"url":2929,"score":2930},"### 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```",[2923,2924,2925],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.7283659,{"description":2932,"labels":2933,"number":2936,"owner":2877,"repository":2878,"state":2902,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v18.20.4\n- Nuxt Version: 3.13.2\n- CLI Version: 3.15.0\n- Nitro Version: 2.9.7\n- Package Manager: pnpm@9.12.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.7\n- Build Modules: -\n------------------------------\n\n### Version\n\nv3.0.0-alpha.7\n\n### Reproduction\n\nThe `:ui` prop is not handled by the component ButtonGroup ?\n\n### Description\n\nI tried to add somme classes to the ButtonGroup component, with `class=` attribute, with `:ui=` attribute, but it seems that nothing works.\n\n\n\n### Additional context\n\nI've tried to look into the code, but I don't understand all the magic you've done !\n\n### Logs\n\n_No response_",[2934,2935],{"name":2868,"color":2869},{"name":2871,"color":2872},2498,"[v3] ButtonGroup : class and ui attributes not handled ?","2024-10-31T09:25:42Z","https://github.com/nuxt/ui/issues/2498",0.73056734,{"description":2942,"labels":2943,"number":2947,"owner":2877,"repository":2878,"state":2902,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Environment\n\nOperating System: Windows_NT\nNode Version: v20.18.0\nNuxt Version: -\nCLI Version: 3.14.0\nNitro Version: -\nPackage Manager: unknown\nBuilder: -\nUser Config: -\nRuntime Modules: -\nBuild Modules: -\n\n### Version\n\nv3.0.0-alpha.6\n\n### Reproduction\n\nCannot use v3 on stackblitz so no repo.\n\n### Description\n\nSelect menu, dropdown, input menu etc are displayed under the modal.\nHappens when modal is fullscreen as well. Didn't check every component, but most are like this.\n\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2944,2945,2946],{"name":2868,"color":2869},{"name":2912,"color":2913},{"name":2871,"color":2872},2378,"[Select/Dropdown/Modal] Modal z-index not properly configured","2024-10-21T10:15:45Z","https://github.com/nuxt/ui/issues/2378",0.7345058,{"description":2953,"labels":2954,"number":2958,"owner":2877,"repository":2959,"state":2902,"title":2960,"updated_at":2961,"url":2962,"score":2963},"",[2955],{"name":2956,"color":2957},"enhancement","1ad6ff",111,"nuxt.com","Fix beta page with new layout","2022-04-26T12:36:06Z","https://github.com/nuxt/nuxt.com/issues/111",0.7349513,{"description":2965,"labels":2966,"number":2958,"owner":2877,"repository":2967,"state":2902,"title":2968,"updated_at":2969,"url":2970,"score":2963},"I am getting following Error when running `npx nuxi typecheck` in a fresh project with only @nuxt/scripts installed.\r\n\r\nError only occurs if `typescript.strict` ist set to `false` in `nuxt.config.ts`.\r\n\r\n```\r\nnode_modules/@nuxt/scripts/dist/runtime/components/ScriptGoogleAdsense.vue:31:6 - error TS2322: Type '(any[] & { loaded: boolean; }) | undefined[]' is not assignable to type 'any[] & { loaded: boolean; }'.\r\n Type 'undefined[]' is not assignable to type 'any[] & { loaded: boolean; }'.\r\n Property 'loaded' is missing in type 'undefined[]' but required in type '{ loaded: boolean; }'.\r\n\r\n31 (window.adsbygoogle = window.adsbygoogle || []).push({})\r\n ~~~~~~~~~~~~~~~~~~\r\n\r\n node_modules/@nuxt/scripts/dist/runtime/registry/google-adsense.d.ts:14:9\r\n 14 loaded: boolean;\r\n ~~~~~~\r\n 'loaded' is declared here.\r\n\r\n\r\nFound 1 error in node_modules/@nuxt/scripts/dist/runtime/components/ScriptGoogleAdsense.vue:31\r\n```\r\n\r\nReproduction: https://stackblitz.com/edit/nuxt-starter-8gr3ay",[],"scripts","Typecheck fails in fresh project if `typescript.strict = false`","2024-07-06T11:26:40Z","https://github.com/nuxt/scripts/issues/111",{"description":2972,"labels":2973,"number":2975,"owner":2877,"repository":2959,"state":2902,"title":2976,"updated_at":2977,"url":2978,"score":2979},"https://www.figma.com/file/OLlmzoVQ7FSBh4FJJORNpl/nuxt.com?node-id=2424%3A12792\n\n- [x] Replace `UPills` component with list of `ULink`\n- [x] `text-base` instead of `text-sm`\n- [x] Remove logo hover in green\n- [x] Login button in primary variant",[2974],{"name":2956,"color":2957},114,"Improve navbar links","2023-02-15T12:30:39Z","https://github.com/nuxt/nuxt.com/issues/114",0.7375464,["Reactive",2981],{},["Set"],["ShallowReactive",2984],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fK3HGgWB40w4M21lq60cUfsPtSJin1dR-dIOkEl44jzI":-1},"/nuxt/ui/3737"]