\n```",[3139],{"name":3140,"color":3141},"question","d876e3",4849,"nuxt","ui","open","Can `UNavigationMenu` support active styles via the ui prop?","2025-08-30T10:29:01Z","https://github.com/nuxt/ui/issues/4849",0.76598054,{"description":3151,"labels":3152,"number":3156,"owner":3143,"repository":3157,"state":3145,"title":3158,"updated_at":3159,"url":3160,"score":3161},"### 🐛 The bug\n\nSome scripts may require attributes do not have a `data-` prefix. It is possible pass them to a script like this:\n\n```js\nuseScript({\n src: 'https://chat.askly.me/cw/chat/latest.js',\n async: true,\n crossorigin: false,\n 'tw-client-key': clientKey,\n})\n```\n\nand it will work. However since it is not a recognized key, TypeScript will complain about this.\n\n[Documentation](https://scripts.nuxt.com/docs/api/use-script#usescriptinput) shows that there is `attributes?: Record\u003Cstring, string>`, however this does not seem to be true either.\n\n### 🛠️ To reproduce\n\nSee above\n\n### 🌈 Expected behavior\n\nNo type errors, either by allowing arbitrary string/string key value pairs or by providing a documented way to augment the type.\n\n### ℹ️ Additional context\n\n_No response_",[3153],{"name":3154,"color":3155},"bug","d73a4a",292,"scripts","Custom/arbitrary attributes on script tag cause a type error","2024-10-15T11:25:36Z","https://github.com/nuxt/scripts/issues/292",0.76727223,{"description":3163,"labels":3164,"number":3165,"owner":3143,"repository":3144,"state":3145,"title":3166,"updated_at":3167,"url":3168,"score":3169},"### Describe the feature\n\nIt would be great if Nuxt UI could provide a built-in, customizable **feature tour / onboarding guide** component. This would allow developers to guide users through key parts of an application with step-by-step tooltips and highlighted elements.\n\n**Motivation**\n\n* Helps improve user onboarding and product discovery.\n* Provides a consistent and reusable UI pattern for walkthroughs across Nuxt projects.\n* Currently, developers must rely on external libraries (e.g., Driver.js, Shepherd.js) or build a custom solution. A Nuxt UI-native solution would integrate seamlessly with existing components and theming.\n\n**Proposed Features**\n\n* Ability to define **steps** with `selector`, `title`, `description`, and `position`.\n* Configurable **highlight styles** (border, shadow, spotlight cut-out).\n* Built-in **navigation controls** (Next, Previous, Finish).\n* Option to scroll to target elements automatically.\n* Theming support with Nuxt UI tokens.\n* Accessibility support (keyboard navigation, ARIA roles).\n\n**Example API (pseudo-code)**\n\n```vue\n\u003CUTour :steps=\"steps\" v-model=\"active\" />\n\n\u003Cscript setup lang=\"ts\">\nconst steps = [\n { selector: '#step1', title: 'Welcome', description: 'This is the first step', position: 'bottom' },\n { selector: '#step2', title: 'Next Feature', description: 'Learn about this one too', position: 'right' }\n]\n\u003C/script>\n```\n\n**Alternatives Considered**\n\n* External libraries like Driver.js or Shepherd.js, but they don’t fit Nuxt UI’s design system and require additional integration effort.\n\n**Additional Context**\nThis would help Nuxt developers deliver a polished onboarding experience without reinventing the wheel.\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[],4874,"Interactive Feature Tour Component","2025-09-02T12:21:11Z","https://github.com/nuxt/ui/issues/4874",0.7699475,{"description":3171,"labels":3172,"number":3173,"owner":3143,"repository":3174,"state":3145,"title":3175,"updated_at":3176,"url":3177,"score":3178},"i think the example code should use \r\n`// Current implementation\r\npreviousTodos.value = todos.value;\r\n\r\n// Proposed change\r\npreviousTodos.value = [...todos.value];`",[],1653,"nuxt.com","Docs (useNuxtData => #Optimistic Updates).Incorrect Use of Reference Assignment in previousTodos.value = todos.value","2025-03-21T19:43:40Z","https://github.com/nuxt/nuxt.com/issues/1653",0.7707531,{"description":3180,"labels":3181,"number":3191,"owner":3143,"repository":3144,"state":3192,"title":3193,"updated_at":3194,"url":3195,"score":3196},"### Description\n\nI’ve been trying to display an avatar with a chip inside a `UCommandPalette` item (and `UButton`, …), but it looks like this use case isn't currently supported. \n\n### Additional context\n\n_No response_",[3182,3185,3188],{"name":3183,"color":3184},"enhancement","a2eeef",{"name":3186,"color":3187},"v3","49DCB8",{"name":3189,"color":3190},"triage","ffffff",3827,"closed","[UCommandPalette] Support for avatars with chips in `UCommandPalette` items (and `UButton`, …)","2025-05-28T10:46:31Z","https://github.com/nuxt/ui/issues/3827",0.71622795,{"description":3198,"labels":3199,"number":3203,"owner":3143,"repository":3144,"state":3192,"title":3204,"updated_at":3205,"url":3206,"score":3207},"### Environment\n\n------------------------------\n- Operating System: Windows_NT \n- Node Version: v22.16.0 \n- Nuxt Version: 4.0.2 \n- CLI Version: 3.27.0 \n- Nitro Version: 2.12.4 \n- Package Manager: pnpm@10.14.0 \n- Builder: - \n- User Config: devtools, modules, css, compatibilityDate, ssr, devServer, vite, app \n- Runtime Modules: @nuxt/ui@3.3.0, nuxt-auth-utils@0.5.22, @vueuse/nuxt@13.6.0, @nuxt/image@1.11.0, @nuxt/icon@1.15.0, @nuxt/fonts@0.11.4, @nuxtjs/i18n@10.0.3, @nuxt/scripts@0.11.10 \n- Build Modules: - \n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.3.0\n\n### Reproduction\n\n1. Try to style the Command Palette components according to my config and slot config.\n2. See the Command Palette Item styles not being applied\n\n### Description\n\n\n\nI'm trying to change the background and the text of the command palette items when they're highlighted. Below is my `app.config.ts` that tries to change background and text (which doesn't work.)\n\n```ts [app.config.ts]\nexport default defineAppConfig({\n // https://ui3.nuxt.dev/getting-started/theme#design-system\n ui: {\n colors: {\n primary: 'rose',\n neutral: 'zinc',\n },\n commandPalette: {\n variants: {\n active: {\n true: {\n item: 'before:bg-primary text-inverted',\n itemLeadingIcon: 'text-primary'\n }\n }\n }\n }\n }\n})\n```\n\nI've also tried using the `ui` slot on the component as well, which also did not work:\n\n```vue\n\u003CUCommandPalette\n :ui=\"{\n root: 'h-screen! u-command-palette',\n content: 'h-full',\n empty: 'p-0 h-full',\n item: 'data-highlighted:bg-primary rounded-md text-primary! data-highlighted:text-primary!',\n itemLabel: 'text-primary data-highlighted:text-primary!'\n }\"\n\u003C!-- some additional props i'm going to ignore here -->\n >\n\u003C!-- most of the other stuff -->\n\n// the u-command-palette class is empty. its there so I can query it using the doc selector\n```\n\nEven when I try to style the text just to the primary color without it being highlighted, it fails. I'm not sure why it's not working.\n\nIn addition to that, and I'm not sure whether this is intended behavior, when I use the `item` property in the `ui` slot, it seems to unstyle its rounded corners for some... weird reason. Not sure why.\n\nHere's the source code: https://github.com/CTRL-Neo-Studios/cubit/blob/dev/app/components/Cubit/Layout/Module/CubitModuleNavigationLayout.vue\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3200,3201,3202],{"name":3154,"color":3155},{"name":3186,"color":3187},{"name":3189,"color":3190},4651,"Command Palette UI Theme Not Overriden in Config","2025-08-04T16:52:06Z","https://github.com/nuxt/ui/issues/4651",0.725619,{"description":3209,"labels":3210,"number":3211,"owner":3143,"repository":3174,"state":3192,"title":3212,"updated_at":3213,"url":3214,"score":3215},"We will need to create a new component in the UI library\n\nhttps://tailwindui.com/components/application-ui/navigation/command-palettes#component-69fd3cc3634e02f74717c1046d51aa76",[],137,"Transform branch switch modal to command palette","2022-03-14T16:37:18Z","https://github.com/nuxt/nuxt.com/issues/137",0.72706044,{"description":3217,"labels":3218,"number":3221,"owner":3143,"repository":3144,"state":3192,"title":3222,"updated_at":3223,"url":3224,"score":3225},"### Description\n\nI was experimenting with two `UBadge` components and `rounded-e-full`/`rounded-s-full` to achieve a `UButtonGroup` effect, would a `UBagdeGroup` component be to much to ask? :)",[3219,3220],{"name":3183,"color":3184},{"name":3186,"color":3187},3156,"BadgeGroups!","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3156",0.72882974,{"description":3227,"labels":3228,"number":3231,"owner":3143,"repository":3174,"state":3192,"title":3232,"updated_at":3233,"url":3234,"score":3235},"`ProjectModalBranches` and `ProjectModalFiles` share the same logic for combox, the idea is to create a component `components/project/ProjectCombobox.vue` that will handle the logic:\n\n**Props**\n\n- `itemsLabel`\n- `items`\n- `recentItemsLabel` (default `Recent`)\n- `recentItems`\n- `actionsLabel` (default `null`)\n- `actions`",[3229],{"name":3183,"color":3230},"1ad6ff",362,"Refactor command palette logic into one component","2023-02-15T12:32:14Z","https://github.com/nuxt/nuxt.com/issues/362",0.74252266,{"description":3237,"labels":3238,"number":352,"owner":3143,"repository":3239,"state":3192,"title":3240,"updated_at":3241,"url":3242,"score":3243},"Hey, I am using nuxt with custom base-path and my custom collection isn't loading on deployed app. Is there a way to change base path for the icons?",[],"icon","Add support for customized base path","2024-05-25T10:23:25Z","https://github.com/nuxt/icon/issues/163",0.755232,["Reactive",3245],{},["Set"],["ShallowReactive",3248],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fKVUvLYRR7qa3Ex1po5uCo7V3tg3eHlHkILfmNHYHt0I":-1},"/nuxt/ui/2003"]