and \u003CUSelectMenu /> components render options within a fixed-height dropdown. It is complicated to deal with large datasets. When displaying large lists of options, this can lead to performance issues. Is it possible we can get something like VueUse infinite scroll?\n[https://vueuse.org/core/useinfinitescroll/#useinfinitescroll](url) ??\n\n### Additional context\n\n_No response_",[2887,2890,2891],{"name":2888,"color":2889},"duplicate","cfd3d7",{"name":2857,"color":2858},{"name":2860,"color":2861},4172,"closed","Uselect and UselectMenu content infinite scroll","2025-05-23T13:55:50Z","https://github.com/nuxt/ui/issues/4172",0.7451464,{"description":2899,"labels":2900,"number":2904,"owner":2866,"repository":2867,"state":2893,"title":2905,"updated_at":2906,"url":2907,"score":2908},"### 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_",[2901,2902,2903],{"name":2857,"color":2858},{"name":2860,"color":2861},{"name":2863,"color":2864},4013,"Add ability to provide an anchor for the popover","2025-05-22T15:04:18Z","https://github.com/nuxt/ui/issues/4013",0.7485939,{"description":2910,"labels":2911,"number":2915,"owner":2866,"repository":2867,"state":2893,"title":2916,"updated_at":2917,"url":2918,"score":2919},"### Description\n\nI was looking to implement tooltip for NavigationMenu links as it was available in the DashboardSidebarLinks component in v2. But seems like the feature is no longer present in v3. \n\nhttps://ui2.nuxt.com/pro/components/dashboard-sidebar-links\n\nLet me know if there is still a simple way to implement tooltips specially in the collapsed Sidebar. I don't wanna go down with the slots approach. It looks dirty.\n\n\n\n### Additional context\n\nThis is what I have to do in order to get it to work. I believe this should be part of Nuxt UI already.\n\n``` js\n\u003CUNavigationMenu :collapsed=\"collapsed\" :items=\"links\" orientation=\"vertical\">\n \u003Ctemplate #item-leading=\"{ item }\">\n \u003CUTooltip :disabled=\"!collapsed\" :text=\"item.label\">\n \u003CUIcon\n :name=\"item.icon || ''\"\n class=\"text-dimmed group-hover:text-default size-5 shrink-0 transition-colors\"\n />\n \u003C/UTooltip>\n \u003C/template>\n\u003C/UNavigationMenu>\n```",[2912,2913,2914],{"name":2857,"color":2858},{"name":2860,"color":2861},{"name":2863,"color":2864},4050,"NavigationMenu has no way to apply a tooltip.","2025-05-10T11:36:41Z","https://github.com/nuxt/ui/issues/4050",0.7603737,{"description":2921,"labels":2922,"number":2925,"owner":2866,"repository":2867,"state":2893,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### Description\n\nUSelect displays the label of the selected value. It might be interesting to add a slot to display another key when item is an object instead of the chosen label for some use case.\n\nMy own use case is picking the language :\n\n```\nconst items = [\n { value: 'en', label: 'English' },\n { value: 'fr', label: 'Français' },\n (...)\n]\n```\n\nMy open selection would display flags and labels, but once selected, the component would only display the value ('en' or 'fr' or ...). Could be the icon as well.\n\nProposal :\n\nselectLabelKey : When items is an array of objects, select the field to use as the label for the picked value on the base component (instead of labelKey)\n\n### Additional context\n\n_No response_",[2923,2924],{"name":2857,"color":2858},{"name":2860,"color":2861},4157,"USelect base text display","2025-05-23T12:25:54Z","https://github.com/nuxt/ui/issues/4157",0.76254195,{"description":2931,"labels":2932,"number":2936,"owner":2866,"repository":2867,"state":2893,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Description\n\nThe UNavigationMenu component in collapsed mode provides a space-efficient navigation experience.\n\nHowever, when a navigation item has submenus, the current behavior on click is to add the submenu items with a new list of icons at the same level. This can be confusing, as it’s not immediately clear that a submenu was opened, it looks like a flat continuation of the main menu.\n\nhttps://github.com/user-attachments/assets/809d7216-d707-48a6-bfeb-d6f3f4c292a5\n\n\n👉 A potential improvement would be to show a popover menu on hover (like Stripe does) when an item with children is hovered in collapsed mode.\n\n\n\n### Additional context\n\n_No response_",[2933,2934,2935],{"name":2857,"color":2858},{"name":2860,"color":2861},{"name":2863,"color":2864},4186,"Show a popover menu on hover in `UNavigationMenu` when collapsed, for items with submenus","2025-05-21T16:39:05Z","https://github.com/nuxt/ui/issues/4186",0.7662449,{"description":2942,"labels":2943,"number":2946,"owner":2866,"repository":2867,"state":2893,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### Description\n\nIt's a component that's rarely found in a component library, and yet I find it so useful.\n\nhttps://reka-ui.com/docs/components/editable\n\n### Additional context\n\n_No response_",[2944,2945],{"name":2857,"color":2858},{"name":2860,"color":2861},4011,"[Editable] Are there any plans to add an Editable component based on reka-ui's Editable component?","2025-05-23T13:17:27Z","https://github.com/nuxt/ui/issues/4011",0.7665832,{"description":2952,"labels":2953,"number":2956,"owner":2866,"repository":2957,"state":2893,"title":2958,"updated_at":2959,"url":2960,"score":2961},"Since the ui lib now uses the new version of Nuxt Color Mode, we'll need to add a `ThemeSelect` component https://github.com/docusgen/docus.com/blob/dev/components/atoms/ThemeSelect.vue and add it in the dropdown like on Docus: \n\n",[2954],{"name":2857,"color":2955},"1ad6ff",65,"nuxt.com","Theme selector","2023-02-15T12:30:35Z","https://github.com/nuxt/nuxt.com/issues/65",0.7671358,{"description":2963,"labels":2964,"number":2969,"owner":2866,"repository":2867,"state":2893,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.11.1\n- Nuxt Version: 3.14.0\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.2\n- Package Manager: pnpm@9.11.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.7\n- Build Modules: -\n------------------------------\n\n\n### Version\n\nv3.0.0-alpha.7\n\n### Reproduction\n\nhttps://github.com/some-user123/nuxt-ui-3-typeerrors\n\n### Description\n\nAfter adding this `app.config.ts` to a plain project, type errors occur:\n\n```ts\n// app.config.ts\nexport default defineAppConfig({\n ui: {\n button: {\n slots: {\n base: 'font-normal'\n },\n variants: {\n size: {\n lg: 'px-4 py-2',\n }\n },\n compoundVariants: [\n {\n color: 'error',\n variant: 'link',\n class: 'text-lg'\n }\n ]\n },\n dropdownMenu: {\n variants: {\n active: {\n false: 'data-highlighted:before:bg-red-500',\n }\n }\n }\n }\n})\n```\n\n```\n$ npx nuxi typecheck\napp.config.ts:5:17 - error TS2322: Type 'string' is not assignable to type 'DeepPartial\u003Cstring[], string>'.\n Type 'string' is not assignable to type '(string | undefined)[]'.\n\n5 base: 'font-normal'\n ~~~~\n\napp.config.ts:9:21 - error TS2322: Type 'string' is not assignable to type 'DeepPartial\u003C{ base: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; }, string>'.\n Type 'string' is not assignable to type '{ [key: string]: string | TightMap\u003Cstring>; }'.\n\n9 lg: 'px-4 py-2',\n ~~\n\napp.config.ts:12:13 - error TS2322: Type '{ color: \"error\"; variant: \"link\"; class: string; }[]' is not assignable to type 'DeepPartial\u003C({ color: \"primary\"; variant: \"solid\"; class: string; size?: undefined; square?: undefined; loading?: undefined; leading?: undefined; trailing?: undefined; } | { color: \"secondary\"; variant: \"solid\"; ... 5 more ...; trailing?: undefined; } | ... 46 more ... | { ...; })[], string>'.\n Type '{ color: \"error\"; variant: \"link\"; class: string; }[]' is not assignable to type '{ [key: string]: string | TightMap\u003Cstring>; }'.\n Index signature for type 'string' is missing in type '{ color: \"error\"; variant: \"link\"; class: string; }[]'.\n\n12 compoundVariants: [\n ~~~~~~~~~~~~~~~~\n\napp.config.ts:23:21 - error TS2322: Type 'string' is not assignable to type 'DeepPartial\u003C{ item: string[]; itemLeadingIcon: string[]; }, string>'.\n Type 'string' is not assignable to type '{ [key: string]: string | TightMap\u003Cstring>; }'.\n\n23 false: 'data-highlighted:before:bg-red-500',\n ~~~~~\n\n```\n\n\n### Additional context\n\n(There are actually more type errors, see #2532. Above errors occur in addition.)\n\n### Logs\n\n_No response_",[2965,2968],{"name":2966,"color":2967},"bug","d73a4a",{"name":2860,"color":2861},2536,"Type errors in app.config.ts","2024-12-06T23:55:12Z","https://github.com/nuxt/ui/issues/2536",0.7671568,["Reactive",2975],{},["Set"],["ShallowReactive",2978],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f9tDsI-GjYq16oX4gQ-BTercHosVh9QJNC5rE_s0iRO4":-1},"/nuxt/ui/4069"]