\n\n### Additional context\n\n_No response_",[3020,3023,3026],{"name":3021,"color":3022},"enhancement","a2eeef",{"name":3024,"color":3025},"v3","49DCB8",{"name":3027,"color":3028},"triage","ffffff",4566,"nuxt","ui","open","Tooltip should not display when there is no value for 'text'","2025-07-22T06:39:46Z","https://github.com/nuxt/ui/issues/4566",0.73927975,{"description":3038,"labels":3039,"number":3043,"owner":3030,"repository":3031,"state":3032,"title":3044,"updated_at":3045,"url":3046,"score":3047},"### Description\n\nUsing `\u003CUNavigationMenu>` it adds an external icon when prop `to` is an external link: \n\n\u003Cimg width=\"196\" height=\"69\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e7417d54-ca16-48c2-9992-a54a9bed764d\" />\n\nUnfortunately, `UButton` doesnt have this feature. Even with the prop `trailingIcon` the same behavior cant be archived manually in an easy manner because the icon wont be small, at the top and grayed out. Currently it would require to make it fully manually:\n\n```\n\u003CUButton :to=\"externalUrl\" target=\"_blank\">\n \u003Cspan\n >To external provider\u003CIcon\n name=\"i-material-symbols:arrow-outward-rounded\"\n class=\"size-3 align-top opacity-70\"\n />\u003C/span>\n \u003C/UButton>\n```\n\n\u003Cimg width=\"191\" height=\"48\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/f89198d7-a64f-4a04-815b-41ddba68c3cc\" />\n\nIt would be great if a button would either automatically add the icon, like `\u003CUNavigationMenu>` does, or would have a prop `externalIcon` that can be set to true.\n\n### Additional context\n\n\n\n_No response_",[3040,3041,3042],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},4501,"Add external icon option to UButton and ULink","2025-07-11T09:39:53Z","https://github.com/nuxt/ui/issues/4501",0.78040445,{"description":3049,"labels":3050,"number":3052,"owner":3030,"repository":3053,"state":3032,"title":3054,"updated_at":3055,"url":3056,"score":3057},"### 🆒 Your use case\r\n\r\nOut-of-the-box Nuxt Scripts won't provide any significant performance gains for most people, the only performance improvement is loading third-party scripts as Nuxt app hydrates, instead of beforehand, which may help with reducing blocking time.\r\n\r\nWe provide some options that can solve these performance issues for third-party scripts through [delaying scripts until they're needed](https://scripts.nuxt.com/docs/guides/script-triggers) or [Facade components](https://scripts.nuxt.com/docs/guides/facade-components).\r\n\r\nHowever, some users will _need_ to load these scripts as quickly as possible without slowing down the Nuxt app hydration. This is the ideal use case for web workers (Partytown).\r\n\r\nRelated https://github.com/nuxt/scripts/issues/56\r\n\r\n### 🆕 The solution you'd like\r\n\r\nWe should be able to provide a simple flag to the `useScript` composable that will offload it to the webworker, no other functionality should change.\r\n\r\nUnder the hood, this will use Partytown. We will either integrate directly with https://github.com/nuxt-modules/partytown or write bespoke code.\r\n\r\n```ts\r\nuseScript('/script.js', {\r\n webworker: true,\r\n})\r\n```\r\n\r\nAll other functionality should work the same.\r\n\r\n### 🔍 Alternatives you've considered\r\n\r\n_No response_\r\n\r\n### ℹ️ Additional info\r\n\r\n_No response_",[3051],{"name":3021,"color":3022},182,"scripts","Add web worker support (Partytown)","2024-12-11T11:46:50Z","https://github.com/nuxt/scripts/issues/182",0.7874879,{"description":3059,"labels":3060,"number":3064,"owner":3030,"repository":3031,"state":3032,"title":3065,"updated_at":3066,"url":3067,"score":3068},"### Description\n\nI propose the addition of a UTheme component which would allow scoped theming of components to reduce repeated styling that's error prone when refactoring.\n\n## Example\nThe Dashboard template has a bunch of forms that have horizontal form fields (label left, input right).\n\nBefore:\n```html\n\u003CUForm ...>\n \u003CUFormField ... class=\"flex max-sm:flex-col justify-between items-center gap-4\">\n ...\n \u003CUFormField>\n \u003CUFormField ... class=\"flex max-sm:flex-col justify-between items-center gap-4\">\n ...\n \u003CUFormField>\n\u003CUForm/>\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_",[3061,3062,3063],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},4250,"UTheme component","2025-05-28T22:24:36Z","https://github.com/nuxt/ui/issues/4250",0.79228115,{"description":3070,"labels":3071,"number":3074,"owner":3030,"repository":3031,"state":3075,"title":3076,"updated_at":3077,"url":3078,"score":3079},"### Description\n\nI wanted to do something like the inline field label shown in the component examples in the docs, but couldn't find a suitable builtin. I think it's a nice halfway between MD's label-in-the-field strategy and while I could abuse the `leading` slot of the input, I think it makes more sense to be generic across input types. \n\n\n\nI did end up copy/pasting the source but it would be cool if the FormField (or something) had an `inline` variant that did this.\n\nFor reference:\nhttps://github.com/nuxt/ui/blob/50d68a636cc8b260dd3b8cf8afecb3b564b9d75d/docs/app/components/content/ComponentExample.vue#L162-L167\n\nThanks for your consideration 😄 \n\n### Additional context\n\n_No response_",[3072,3073],{"name":3021,"color":3022},{"name":3024,"color":3025},3543,"closed","Inline Form Field Label","2025-06-15T14:09:32Z","https://github.com/nuxt/ui/issues/3543",0.70620495,{"description":3081,"labels":3082,"number":3087,"owner":3030,"repository":3031,"state":3075,"title":3088,"updated_at":3089,"url":3090,"score":3091},"### Description\n\nIt would be amazing to be able to add a tooltip for the value, because now slider looks too simple. Please think about it.\n\n### Additional context\n\n_No response_",[3083,3084,3086],{"name":3021,"color":3022},{"name":3085,"color":3028},"wontfix-v2",{"name":3024,"color":3025},1469,"[Slider] Handle tooltip around thumb","2025-05-10T19:27:08Z","https://github.com/nuxt/ui/issues/1469",0.7481392,{"description":3093,"labels":3094,"number":3098,"owner":3030,"repository":3031,"state":3075,"title":3099,"updated_at":3100,"url":3101,"score":3102},"### 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```",[3095,3096,3097],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},4050,"NavigationMenu has no way to apply a tooltip.","2025-05-10T11:36:41Z","https://github.com/nuxt/ui/issues/4050",0.75624645,{"description":3104,"labels":3105,"number":3114,"owner":3030,"repository":3031,"state":3075,"title":3115,"updated_at":3116,"url":3117,"score":3118},"### Description\n\nInstead of wrapping a component with UTooltip, a :tool-tip prop could maybe be provided by default in some click/hover based components (limited to just strings)?\n\n```\n\u003CUTooltip text=\"Flip Chessboard\">\n \u003CUButton icon=\"i-material-symbols-sync\" @click=\"flipChessboard()\" />\n\u003C/UTooltip>\n\n=>\n\n\u003CUButton tooltip=\"Flip Chessboard\" icon=\"i-material-symbols-sync\" @click=\"flipChessboard()\" />\n```\n\n### Additional context\n\nI was thinking it could be a handy features since a lot of websites contain clickable/hoverable symbols for their social media/github link/settings/etc. a simple. default tooltip could be very handy. Thanks for your time!",[3106,3107,3108,3109,3112],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},{"name":3110,"color":3111},"closed-by-bot","ededed",{"name":3113,"color":3111},"stale",3121,"Tooltip API across multiple components (Button/Badge/Checkbox/Icon/...)","2025-06-18T09:02:32Z","https://github.com/nuxt/ui/issues/3121",0.76983356,{"description":3120,"labels":3121,"number":3125,"owner":3030,"repository":3031,"state":3075,"title":3126,"updated_at":3127,"url":3128,"score":3129},"### 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_",[3122,3123,3124],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},4006,"[Badge] introduce prop `square`","2025-05-13T12:44:24Z","https://github.com/nuxt/ui/issues/4006",0.7708649,{"description":3131,"labels":3132,"number":3136,"owner":3030,"repository":3031,"state":3075,"title":3137,"updated_at":3138,"url":3139,"score":3140},"### 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_",[3133,3134,3135],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},4013,"Add ability to provide an anchor for the popover","2025-05-22T15:04:18Z","https://github.com/nuxt/ui/issues/4013",0.7722184,["Reactive",3142],{},["Set"],["ShallowReactive",3145],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$farIRYjGkUjjme_h5PxLBINIheOsJibBJnviCJHDFul4":-1},"/nuxt/ui/3715"]