\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_",[2016,2019,2022],{"name":2017,"color":2018},"bug","d73a4a",{"name":2020,"color":2021},"pro","5BD3CB",{"name":2006,"color":2007},2306,"HeaderLinks: properties class and icon has no effects","2025-02-17T00:12:08Z","https://github.com/nuxt/ui/issues/2306",0.7846066,{"description":2029,"labels":2030,"number":2033,"owner":1991,"repository":1992,"state":1993,"title":2034,"updated_at":2035,"url":2036,"score":2037},"### 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.",[2031,2032],{"name":2002,"color":2003},{"name":2006,"color":2007},2061,"Allow using tab item key as value for v-model","2024-08-20T06:04:17Z","https://github.com/nuxt/ui/issues/2061",0.785371,{"description":2039,"labels":2040,"number":2045,"owner":1991,"repository":1992,"state":2046,"title":2047,"updated_at":2048,"url":2049,"score":2050},"### 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",[2041,2042],{"name":2017,"color":2018},{"name":2043,"color":2044},"upstream","78bddb",2935,"closed","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.75214255,{"description":2052,"labels":2053,"number":2055,"owner":1991,"repository":1992,"state":2046,"title":2056,"updated_at":2057,"url":2058,"score":2059},"### 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",[2054],{"name":1985,"color":1986},2100,"disabling formgroup error template","2024-09-03T08:41:36Z","https://github.com/nuxt/ui/issues/2100",0.75483567,{"description":2061,"labels":2062,"number":2065,"owner":1991,"repository":1992,"state":2046,"title":2066,"updated_at":2067,"url":2068,"score":2069},"### 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?",[2063,2064],{"name":1985,"color":1986},{"name":1988,"color":1989},3782,"InputMenu Clear Search Term on Select","2025-04-08T10:37:15Z","https://github.com/nuxt/ui/issues/3782",0.76899236,{"description":2071,"labels":2072,"number":2074,"owner":1991,"repository":1992,"state":2046,"title":2075,"updated_at":2076,"url":2077,"score":2078},"### 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_",[2073],{"name":2017,"color":2018},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.7716722,{"description":2080,"labels":2081,"number":2084,"owner":1991,"repository":1992,"state":2046,"title":2085,"updated_at":2086,"url":2087,"score":2088},"### Description\n\nMight have missed this in the beta 2 docs, but curious how we're supposed to close the current `Modal` or `Slideover` instance from within the component using the new `useOverlay` composable. I see a few references to `useOverlayInstance` in other issue but that composable doesn't seem to be available in the current beta.\n\nThanks!",[2082,2083],{"name":1985,"color":1986},{"name":1988,"color":1989},3429,"How to get current modal/slideover instance?","2025-03-02T17:44:50Z","https://github.com/nuxt/ui/issues/3429",0.7721836,{"description":2090,"labels":2091,"number":2097,"owner":1991,"repository":1991,"state":2046,"title":2098,"updated_at":2099,"url":2100,"score":2101},"### Version\r\n```>= 1.0-rc0```\r\n\r\n### Reproduction links\r\nhttps://glitch.com/edit/#!/nuxt-rc0\r\nhttps://nuxt-rc0.glitch.me/\r\nhttps://nuxt-rc0.glitch.me/about\r\n\r\n### Steps to reproduce\r\nLoad the page above, and start typing into the search field. The input element is set to trigger an update of the query string on keypress.\r\n\r\n### What is expected?\r\nYou should be able to continue typing after the first character, and the query string url should continue updating with what you type. \r\n\r\n### What is actually happening?\r\nAfter every keypress, the form field loses focus and you have to click inside again to be able to type the next character.\r\n\r\nAdditionally, if the typing is done on the about page in the above demo, then it also scrolls to the top of the page after each keypress, despite the custom scroll Behaviour disabling that.\r\n\r\n### Extra Information\r\nI noticed this change in behavior when I upgraded from 1.0.0-alpha.4 to 1.0.0-rc3, but after checking the previous versions it seems to have started in 1.0.0-rc0.\r\n\r\nLinks to a glitch to see a working previous version\r\nhttps://glitch.com/edit/#!/nuxt-alpha4\r\nhttps://nuxt-alpha4.glitch.me/\r\nhttps://nuxt-alpha4.glitch.me/about\r\n\r\nTo rule out changes upstream in vue router causing this, I created a jsfiddle using version 2.7.0 of vue-router (same as nuxt 1.0.0-rc3 uses). The behaviour *does not* exist in that test:\r\nhttps://jsfiddle.net/benosman/octu95ra/\r\n\r\nNote: This issue has been rewritten, hopefully to make it clearer to understand what the problem is.\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1112\">#c1112\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2092,2094],{"name":1985,"color":2093},"cc317c",{"name":2095,"color":2096},"2.x","d4c5f9",1255,"Pages are fully re-rendered when just query string changes - focus on active element lost","2023-01-18T15:41:00Z","https://github.com/nuxt/nuxt/issues/1255",0.7735039,["Reactive",2103],{},["Set"],["ShallowReactive",2106],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"unc3stPN8HNt7TXiQF1-aXNoMxpVggKPjL5daDE4zck":-1},"/nuxt/ui/3792"]