\n \u003C/template>\n\n \u003Ctemplate #panel>\n \u003Cdiv class=\"flex h-full content-center pt-[130px]\">\n \u003CUNavigationTree id=\"navtree\" :links=\"links\" default-open />\n \u003C/div>\n \u003C/template>\n \u003C/UHeader>\n\u003C/template>\n```\n\n### Workaround \nFor classes: split links in multiple UHeaderLinks with custom ui prop.\n\n\n\n```vue\n\u003Ctemplate #center>\n \u003Cdiv class=\"flex flex-row flex-nowrap gap-5\">\n \u003CUHeaderLinks\n :links=\"linksA\"\n :ui=\"{\n wrapper: 'hidden lg:flex flex-row flex-nowrap items-center gap-x-8',\n }\"\n />\n \u003CUHeaderLinks\n :links=\"linksB\"\n :ui=\"{\n wrapper: 'hidden lg:flex flex-row flex-nowrap items-center gap-x-8',\n inactive: 'hover:text-primary text-red-500 italic',\n default: {\n popover: {\n ui: {\n wrapper: 'text-red-500 italic',\n },\n },\n },\n }\"\n />\n \u003C/div>\n\u003C/template>\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2898,2899,2902],{"name":2866,"color":2867},{"name":2900,"color":2901},"pro","5BD3CB",{"name":2872,"color":2873},2306,"HeaderLinks: properties class and icon has no effects","2025-02-17T00:12:08Z","https://github.com/nuxt/ui/issues/2306",0.7804124,{"description":2909,"labels":2910,"number":2913,"owner":2875,"repository":2876,"state":2877,"title":2914,"updated_at":2915,"url":2916,"score":2917},"### Description\r\n\r\nHi 👋🏻 \r\n\r\nI started using NuxtUI and realized one more thing that can be improved. Right now, For `v-model` of tabs component index (number) is used.\r\n\r\nIf we want to get the key of active tab for making API req then we have to do something like below:\r\n```ts\r\nconst activeTabKey = items[itemsModel.value]!.key\r\n\r\n// With this feature implemented we can directly use `itemsModel.value`\r\n```\r\n\r\nInstead, if we can allow using `key` then:\r\n- I'll be more readable\r\n- If we change the order of the tabs (in items array) it doesn't affect the active tab\r\n\r\n### Additional context\r\n\r\nWe can also introduce this change in v3.",[2911,2912],{"name":2886,"color":2887},{"name":2872,"color":2873},2061,"Allow using tab item key as value for v-model","2024-08-20T06:04:17Z","https://github.com/nuxt/ui/issues/2061",0.7808501,{"description":2919,"labels":2920,"number":2924,"owner":2875,"repository":2876,"state":2925,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### Description\r\n\r\nHi, is there any way to disable the error template? \r\n\r\nI just tried to set an empty template, but this creates a div with some classes that create a slight jump because of the set class mt-2... and overwriting from the template is also not possible...\r\n\r\nI need to do this because I need to show some custom logic where error messages are used as hints.\r\n\r\ncheers,\r\ngregor",[2921],{"name":2922,"color":2923},"question","d876e3",2100,"closed","disabling formgroup error template","2024-09-03T08:41:36Z","https://github.com/nuxt/ui/issues/2100",0.72928476,{"description":2931,"labels":2932,"number":2937,"owner":2875,"repository":2876,"state":2925,"title":2938,"updated_at":2939,"url":2940,"score":2941},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.12.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.17.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.20.0\n- Build Modules: -\n\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\n`npx nuxi@latest init new-project`\n\nruns fine, then:\n\n`cd new-project`\n`npx nuxi@latest module add ui`\n\nresults in\n```\nInvalid module \"..mjs\" is not a valid package name imported from /Users/user/Sites/new-project\n...\nExperimentalWarning: CommonJS module /Users/user/Sites/new-project/nuxt-ui-app/.nuxt/nuxtui-tailwind.config.cjs is loading ES Module /Users/user/Sites/new-project/nuxt-ui-app/node_modules/@nuxt/ui/dist/runtime/utils/colors.js using require().\n```\n\n\n### Description\n\nNot sure why the most basic vanilla default install results in this error",[2933,2934],{"name":2866,"color":2867},{"name":2935,"color":2936},"upstream","78bddb",2935,"Installing nuxt ui on top of default latest nuxt install throws error","2025-03-07T07:47:03Z","https://github.com/nuxt/ui/issues/2935",0.7370141,{"description":2943,"labels":2944,"number":2948,"owner":2875,"repository":2876,"state":2925,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Environment\n\n- **Operating System**: Windows 11\n- **Browsers**: Firefox, Chrome (latest for each)\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.x (docs)\n\n### Reproduction\n\nOn **Windows 11**, hitting `windows key + k`, per the docs for `meta_k` when using `defineShortcuts`, which is what looks like the search command palette on the docs is using, does not get passed into the website itself (or even the browser). I've tried ctrl and other keybinds with no success either. \n\nI've tested on both Chrome and Firefox, neither work.\n\n### Description\n\nUsing the following javascript in the browser console on each:\n```\nwindow.addEventListener(\"keydown\", function (event) {\n console.log(event)\n})\n\nwindow.addEventListener(\"keyup\", function (event) {\n console.log(event)\n})\n```\n\nA few things I notice:\n1. Holding Windows key (`meta`) does trigger the keydown event, but pressing `k`, Windows intercepts, and doesn't trigger a keydown event. Assume this is because Windows 10 or 11 is intercepting for this \"cast\" feature (below).\n2. Pressing `k` first, then Windows key (`meta`), both trigger keydown, but neither trigger keyup. `k` triggers keydown, but then Windows key (`meta`) doesn't.\n\n\n\n### Additional context\n\ntl;dr: probably easiest to support `ctrl+k`. `ctrl+f` is typical for basic browser text search, so `ctrl+k` makes the most sense (and it's what most sites use). I've never seen sites use windows keys for anything, because it's meant for _windows_ functionality. Alternatively, supporting `/` would be nice, some sites use this.\n\nNot critical, just the keybind to search docs faster. Plus, the search icon is so small in the docs navbar that I often misclick when trying to search the docs.\n\n### Logs\n\n```shell-script\n\n```",[2945,2946,2947],{"name":2866,"color":2867},{"name":2869,"color":2870},{"name":2872,"color":2873},3869,"bug(docs): search keybind (for command palette) non-functional on windows","2025-04-28T10:40:08Z","https://github.com/nuxt/ui/issues/3869",0.7516044,{"description":2954,"labels":2955,"number":2958,"owner":2875,"repository":2876,"state":2925,"title":2959,"updated_at":2960,"url":2961,"score":2962},"### Description\n\nI've recently upgraded to NuxtUi [v3.0.2](https://github.com/nuxt/ui/releases/tag/v3.0.2) from [v3.0.0-beta.2](https://github.com/nuxt/ui/releases/tag/v3.0.0-beta.2) and I'm having an issue with the search term prop on the component.\n\nWhen using the input with search and multiselect, I'd like the search term to clear as the user selects menu items. I was able to achieve this, in previous versions, by using a v-model on the search term and calling a function to clear the search term on the `update:ModelValue` event. Unfortunately, this isn't working on the most recent version.\n\nIt appears that `update:ModelValue` is being emitted and I am able to clear the searchTerm ref value. However, the change doesn't propagate to the component unless I hit the tab key or click out and click back into the component.\n\nIs there a potential workaround or could this become a feature request to include a prop which clears the search term on item select?",[2956,2957],{"name":2922,"color":2923},{"name":2869,"color":2870},3782,"InputMenu Clear Search Term on Select","2025-04-08T10:37:15Z","https://github.com/nuxt/ui/issues/3782",0.7579851,{"description":2964,"labels":2965,"number":2967,"owner":2875,"repository":2876,"state":2925,"title":2968,"updated_at":2969,"url":2970,"score":2971},"### Environment\r\n\r\n- Operating system: \"android 14\"\r\n- Nuxt Version: \"3.13.2\"\r\n- Vue Version: \"3.5.8\"\r\n- \r\n\r\n### Version\r\n\r\nv2.18.6\r\n\r\n### Reproduction\r\n\r\nhttps://ui.nuxt.com/components/dropdown\r\n\r\n\r\n\r\n\r\n\r\n### Description\r\n\r\nclicking on the dropdown button doesn't work in mobile view. the \"click\" event & the \"touchstart\" event, call the same function (toggle dropdown visibility), and neutralize each other. (basically, click event opens the dropdown, the touchstart event, closes the dropdown)\r\n\r\nI tested it and in both android 14 & in windows, firefox (mobile view mode), I got the same result.\r\n\r\n### Additional context\r\n\r\n\r\n\r\n\r\n### Logs\r\n\r\n_No response_",[2966],{"name":2866,"color":2867},2261,"\"UDropdown\": Toggle NOT Working in Mobile. click event & touchstart event neutralize each other.","2024-10-01T13:00:59Z","https://github.com/nuxt/ui/issues/2261",0.76406455,{"description":2973,"labels":2974,"number":2980,"owner":2875,"repository":2876,"state":2925,"title":2981,"updated_at":2982,"url":2983,"score":2984},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nHow can I add more colors to the selection? Cause I am getting a type error when using a new color.\n\n\n\n",[2975,2978,2979],{"name":2976,"color":2977},"duplicate","cfd3d7",{"name":2922,"color":2923},{"name":2869,"color":2870},2931,"Define more tailwind colors in ui colors","2024-12-18T08:48:36Z","https://github.com/nuxt/ui/issues/2931",0.7654161,["Reactive",2986],{},["Set"],["ShallowReactive",2989],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$func3stPN8HNt7TXiQF1-aXNoMxpVggKPjL5daDE4zck":-1},"/nuxt/ui/3792"]