\n```\n\nAfter:\n```html\n\u003C!-- `ui` prop is the same as `app.config.ts` theming config\n\u003CUTheme :ui=\"{\n formField: {\n\t slots: {\n\t root: \"flex max-sm:flex-col justify-between items-center gap-4\",\n\t},\n },\n}\">\n \u003CUForm ...>\n \u003CUFormField ...>\n ...\n \u003CUFormField>\n \u003CUFormField ...>\n ...\n \u003CUFormField>\n \u003CUForm/>\n\u003C/UTheme>\n```\n\n## Benefits\n- Easily componentized. I could create a `AppForm` component which contains the `UTheme` usage with a slot, so now its 1 line to get the exact theming that I want. This makes consistency across the app really easy.\n- Nestable - If implemented with provide/inject, you could have an infinite number of UTheme's nested and it would take the latest one\n\n## Implementation\nI'd tentatively be willing to implement this. My approach would be:\n- Create `UTheme`, it should have a `ui` and `uiPro` prop, each of which take the same type as the `app.config.ts`\n- `provide()` those props\n- `inject()` those props into each component and merge with passed in `ui` field.\n- Theme priority order should be:\n 1. `ui` prop passed to component\n 2. `ui` prop coming from UTheme component\n 3. `ui` config coming from `app.config.ts`\n\n### Additional context\n\n_No response_",[2883,2886,2887],{"name":2884,"color":2885},"enhancement","a2eeef",{"name":2860,"color":2861},{"name":2888,"color":2889},"triage","ffffff",4250,"UTheme component","2025-05-28T22:24:36Z","https://github.com/nuxt/ui/issues/4250",0.79018766,{"description":2896,"labels":2897,"number":2901,"owner":2863,"repository":2864,"state":2865,"title":2902,"updated_at":2903,"url":2904,"score":2905},"### Description\n\nIt might be useful to add a prop to limit the maximum number of items that can be selected in a CheckboxGroup or MultiSelect. \nOnce the limit is reached, the remaining items become disabled, preventing further selection.\n\n### Additional context\n\n_No response_",[2898,2899,2900],{"name":2884,"color":2885},{"name":2860,"color":2861},{"name":2888,"color":2889},4057,"Add a selectionLimit prop to CheckboxGroup and MultiSelect components","2025-05-03T15:09:15Z","https://github.com/nuxt/ui/issues/4057",0.79414797,{"description":2907,"labels":2908,"number":2909,"owner":2863,"repository":2910,"state":2865,"title":2911,"updated_at":2912,"url":2913,"score":2914},"### Environment\n\n1. iOS 18.0\n2. Safari 18.0\n\n### Reproduction\n\nhttps://nuxt.com/blog\n\n### Describe the bug\n\n1. Open Nuxt's official website [nuxt.com](https://nuxt.com/blog)\n2. Slide the page with your finger to automatically collapse the address bar\n3. Click the menu in the navigation bar to open a random page\n4. The new page will automatically cover the address bar of the Safari browser\n\nThe following is a GIF, you can intuitively see this phenomenon:\n\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[],1718,"nuxt.com","Web page covers Safari's address bar on iOS","2024-11-25T10:54:37Z","https://github.com/nuxt/nuxt.com/issues/1718",0.7976763,{"description":2916,"labels":2917,"number":2923,"owner":2863,"repository":2864,"state":2865,"title":2924,"updated_at":2925,"url":2926,"score":2927},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v18.20.8`\n- Nuxt Version: `-`\n- CLI Version: `3.25.1`\n- Nitro Version: `-`\n- Package Manager: `npm@10.8.2`\n- Builder: `-`\n- User Config: `-`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\nv3.1.4\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/repro-4zfnvf\n\n### Description\n\nCustomizing the prefix in vite.config.ts and using the component DashboardSidebarCollapse, renders a button with the default \"U\"-prefix. Any Nuxt UI components that uses other Nuxt UI components should respect the configured prefix-option.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2918,2921,2922],{"name":2919,"color":2920},"bug","d73a4a",{"name":2860,"color":2861},{"name":2888,"color":2889},4173,"DashboardSidebarCollapse does not respect prefix other than default","2025-05-19T00:15:28Z","https://github.com/nuxt/ui/issues/4173",0.79769325,{"description":2929,"labels":2930,"number":2934,"owner":2863,"repository":2864,"state":2935,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### Description\n\nIs there any chance we can get option to enable/disable collapsible when collapsed prop is true. v3.0.0-alpha.13 'fixed' NavigationMenu: disable collapsible with collapsed prop, i used nuxt ui since v3.0.0-alpha.12 and thought the collapsible when collapsed was feature.\n\n### Additional context\n\n_No response_",[2931,2932,2933],{"name":2884,"color":2885},{"name":2860,"color":2861},{"name":2888,"color":2889},3353,"closed","NavigationMenu: Option to enable collapsible with collapsed prop","2025-05-10T15:51:54Z","https://github.com/nuxt/ui/issues/3353",0.70995826,{"description":2941,"labels":2942,"number":2946,"owner":2863,"repository":2864,"state":2935,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### Description\n\nThe [popover](https://ui.nuxt.com/components/popover) uses the content of the default slot to create a trigger, but there is no way to provide a custom anchor. A `\u003Ctemplate #anchor>` slot for this purpose would be great.\n\n```html\n\u003CUFormField label=\"name\" name=\"name\">\n \u003CUPopover :open=\"isAutoCompleteOpen\">\n \u003Ctemplate #anchor>\n \u003CUInput v-model=\"state.name\" />\n \u003C/template>\n \u003Ctemplate #content>\n \u003CPlaceholder class=\"size-48 m-4 inline-flex\" />\n \u003C/template>\n \u003C/UPopover>\n\u003C/UFormField>\n```\n\nMy use case is building an autocomplete for a text input. The `InputMenu` is not suitable because the dropdown is too intrusive.\n\n### Additional context\n\n_No response_",[2943,2944,2945],{"name":2884,"color":2885},{"name":2860,"color":2861},{"name":2888,"color":2889},4013,"Add ability to provide an anchor for the popover","2025-05-22T15:04:18Z","https://github.com/nuxt/ui/issues/4013",0.7594801,{"description":2952,"labels":2953,"number":2957,"owner":2863,"repository":2864,"state":2935,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Description\n\nAs the title says, I think it would be nice to introduce a prop named `square` (like the one for the `Button` component) to be able to have a squared badge for those times where you have only the `icon` and not a label.\n\nCan I get this assigned? I would like to open a PR about this :)\n\n### Additional context\n\n_No response_",[2954,2955,2956],{"name":2884,"color":2885},{"name":2860,"color":2861},{"name":2888,"color":2889},4006,"[Badge] introduce prop `square`","2025-05-13T12:44:24Z","https://github.com/nuxt/ui/issues/4006",0.77776664,{"description":2963,"labels":2964,"number":2970,"owner":2863,"repository":2864,"state":2935,"title":2971,"updated_at":2972,"url":2973,"score":2974},"### Description\n\nThe UPageCard component supports highlight and spotlight modes, but there’s no way to change its color dynamically. It just uses the primary color. It would be nice to be able to change this by a color prop.\n\n### Additional context\n\n_No response_",[2965,2966,2967],{"name":2884,"color":2885},{"name":2860,"color":2861},{"name":2968,"color":2969},"pro","5BD3CB",3389,"UPageCard: Allow setting color","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3389",0.7806051,["Reactive",2976],{},["Set"],["ShallowReactive",2979],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$frWyaAmwcHCVwRRFiCOYv9hTmiGGToNNQDZh99mQQGrk":-1},"/nuxt/ui/4146"]