\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_",[1984,1987,1990],{"name":1985,"color":1986},"bug","d73a4a",{"name":1988,"color":1989},"pro","5BD3CB",{"name":1991,"color":1992},"triage","ffffff",2306,"nuxt","ui","open","HeaderLinks: properties class and icon has no effects","2025-02-17T00:12:08Z","https://github.com/nuxt/ui/issues/2306",0.65067184,{"description":2002,"labels":2003,"number":2006,"owner":1994,"repository":1995,"state":1996,"title":2007,"updated_at":2008,"url":2009,"score":2010},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v18.20.7`\n- Nuxt Version: `3.14.1592`\n- CLI Version: `3.15.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `yarn@1.22.22`\n- Builder: `-`\n- User Config: `default`\n- Runtime Modules: `@nuxt/ui@2.19.2`, `@artmizu/nuxt-prometheus@2.4.0`, `@nuxt/icon@1.10.3`\n- Build Modules: `-`\n\n### Version\n\nv2.21.1\n\n### Reproduction\n\nhttps://ui2.nuxt.com/components/select-menu#control-the-query\n\nTry to select `Wade` in the query input with mouse or trackpad \n\u003Cimg width=\"494\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a0e90d62-aabb-4d40-9d8d-a6fed67fee02\" />\n\nBrowser: `Google Chrome Version 134.0.6998.89 (Official Build) (arm64)`\n\nAlso reproduced on `Safari Version 18.3.1 (20620.2.4.11.6)`\n\n### Description\n\nUser may want to copy the text in the query input of a `select-menu` component by moving cursor around text, now it's unable to do it without a keyboard (`Shift + left/right arrow` or `Cmd/Ctrl + A` to select all).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2004,2005],{"name":1985,"color":1986},{"name":1991,"color":1992},3583,"Accessibility: unable to select text in the query input of a select-menu","2025-03-17T00:34:07Z","https://github.com/nuxt/ui/issues/3583",0.7349687,{"description":2012,"labels":2013,"number":2018,"owner":1994,"repository":1995,"state":2019,"title":2020,"updated_at":2021,"url":2022,"score":2023},"### Environment\n\n\n\nI get this error anytime I try and use \u003CUInput /> even without any other code.\n\n### Version\n\nv3.0.0-alpha.5\n\n### Reproduction\n\n`\u003Ctemplate>\n \u003CUContainer>\n \u003CUForm :schema=\"schema\" :state=\"state\" class=\"space-y-4\" @submit=\"onSubmit\">\n \u003CUFormField label=\"Code\" name=\"Code\"\n >\u003CUInput v-model=\"state.code\" />\n \u003C/UFormField>\n \u003C/UForm>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport { z } from 'zod';\nimport type { FormSubmitEvent } from '#ui/types';\n\nconst supabase = useSupabaseClient();\nconst toast = useToast();\n\n//Form\nconst schema = z.object({\n code: z.string().min(3),\n});\n\ntype Schema = z.output\u003Ctypeof schema>;\n\nconst state = reactive\u003CPartial\u003CSchema>>({\n code: undefined,\n});\n\nasync function onSubmit(event: FormSubmitEvent\u003CSchema>) {\n toast.add({\n title: 'Success',\n description: 'The form has been submitted.',\n color: 'success',\n });\n console.log(event.data);\n}\n\u003C/script>\n`\n\n### Description\n\nUInput causes an error\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2014,2015],{"name":1985,"color":1986},{"name":2016,"color":2017},"v3","49DCB8",2349,"closed","UInput causes error","2024-10-10T14:15:25Z","https://github.com/nuxt/ui/issues/2349",0.6950822,{"description":2025,"labels":2026,"number":2029,"owner":1994,"repository":1995,"state":2019,"title":2030,"updated_at":2031,"url":2032,"score":2033},"### Environment\n\n-\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.0\n\n### Reproduction\n\n- \n\n### Description\n\nUpgraded all deps to the latest and bam Nuxt 3.16.0 is added. We get errors now as Nuxt UI 3 still ships with\n\n`'@unhead/vue': 1.11.20(vue@3.5.13(typescript@5.8.2))\n`\n\nAs of Nuxt 3.16.0 ships with @unhead2:\nhttps://nuxt.com/blog/v3-16#unhead-v2\n\nActual error:\n`[@nuxt/scripts 9:42:20 PM] ERROR Nuxt Scripts requires Unhead >= 2, you are using v1.11.20. Please run nuxi upgrade --clean to upgrade...`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2027,2028],{"name":1985,"color":1986},{"name":2016,"color":2017},3513,"Nuxt 3.16.0 - ships with @unhead2","2025-03-10T08:49:36Z","https://github.com/nuxt/ui/issues/3513",0.7083873,{"description":2035,"labels":2036,"number":2043,"owner":1994,"repository":1995,"state":2019,"title":2044,"updated_at":2045,"url":2046,"score":2047},"### Description\n\nIs there a way to prevent popovers from closing when clicking outside the popover?",[2037,2040,2042],{"name":2038,"color":2039},"question","d876e3",{"name":2041,"color":1992},"wontfix-v2",{"name":2016,"color":2017},2245,"Popover close-prevented","2024-11-10T09:20:02Z","https://github.com/nuxt/ui/issues/2245",0.708566,{"description":2049,"labels":2050,"number":2051,"owner":1994,"repository":2052,"state":2019,"title":2053,"updated_at":2054,"url":2055,"score":2056},"My folder structure looks the same as it is described in the documentation (https://nuxt.com/modules/icon#custom-local-collections):\n\n`assets/my-icons/photogrammetry.svg`\n\nHowever, I load content from a json file:\n\n```json\n{\n \"data\": {\n \"0\": {\n \"title\": \"Video- & Photography\",\n \"icon\": \"my-icon:photogrammetry\",\n \"iconColor\": \"text-cyan-400\",\n [...]\n },\n```\n\n... into the component:\n\n```vue\n\u003Cscript setup>\nimport services from \"/public/jsons/services.json\"\n...\n\u003C/script>\n\n\u003Ctemplate>\n[...]\n \u003Cdiv class=\"[ card ] absolute\" :class=\"service.iconColor\">\n \u003CIcon :name=\"service.icon\" :color=\"service.iconColor\" size=\"10rem\" />\n \u003C/div>\n[...]\n\u003C/template>\n```\n\nThe icon (which is and remains black) does not accept any color, while any standard implementation (icon from a downloaded icon set like mdi) does indeed change the color of an icon.\n\n(Just in case this is not an error: What kind of \"treatment\" do I have to apply to make my icon accept color?)",[],307,"icon","custom local collections do not accept props like color","2024-11-23T10:19:42Z","https://github.com/nuxt/icon/issues/307",0.71263224,{"description":2058,"labels":2059,"number":2066,"owner":1994,"repository":1994,"state":2019,"title":2067,"updated_at":2068,"url":2069,"score":2070},"### Environment\n\n- OS: macOS Somoma 14.4\r\n- Chrome: 122.0.6261.111 (arm64)\r\n- Safari: 17.4 (19618.1.13.11.5)\n\n### Reproduction\n\n\r\nhttps://github.com/nuxt/nuxt/assets/78254474/8ab103af-c188-45b4-82ed-cc280f465b1a\r\n\r\n\n\n### Describe the bug\n\n- For Chrome, there is no response when clicking search on any page, causing the page to crash after a period of time.\r\n- For Safari, the browser freezes immediately after clicking.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2060,2063],{"name":2061,"color":2062},"3.x","29bc7f",{"name":2064,"color":2065},"pending triage","E99695",26123,"Docs For Chinese: there is no response when clicking search on any page","2024-03-07T08:03:59Z","https://github.com/nuxt/nuxt/issues/26123",0.7165885,{"description":2072,"labels":2073,"number":2076,"owner":1994,"repository":2077,"state":2019,"title":2078,"updated_at":2079,"url":2080,"score":2081},"Hover color should be green on `ProseA`\n\n\n\nReading [typography tokens](https://github.com/nuxt-themes/typography/blob/main/tokens.config.ts), colors should be declared inside `tokens.config.ts` this way.\n\n(Tried with `colors` and `color`, both don't work)\n\n```js\nexport default defineTheme({\n typography: {\n color: {\n // palette() returns the good color scheme\n primary: palette('#00dc82')\n }\n }\n})\n```",[2074],{"name":1985,"color":2075},"ff281a",1076,"nuxt.com","[Typography] ProseA hover color not applied","2023-06-06T12:14:34Z","https://github.com/nuxt/nuxt.com/issues/1076",0.7183421,{"description":2083,"labels":2084,"number":2089,"owner":1994,"repository":1995,"state":2019,"title":2090,"updated_at":2091,"url":2092,"score":2093},"### 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",[2085,2086],{"name":1985,"color":1986},{"name":2087,"color":2088},"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.7220933,{"description":2095,"labels":2096,"number":2098,"owner":1994,"repository":1995,"state":2019,"title":2099,"updated_at":2100,"url":2101,"score":2102},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nThank you in advance for your help!\n\nWe’re using Nuxt UI Pro for styling in our application, which primarily uses a language other than English. When working with the `SelectMenu` component and enabling the `multiple` prop, the displayed value shows \"1 selected\" (or similar text like \"{x-number} selected\"). Instead, we’d like to display the actual selected value(s) of the SelectMenu, like when NOT using the `multiple` prop, if just one item is selected. And any more than that, we need to display the \"{x-number} selected\" it in our language, not English.\n\nDo I need to create a custom wrapper component for this, or is there a simpler way to customize the displayed text? I’m not that deep on frontend development and manipulating package classes in Nuxt 3, so I’d appreciate guidance on how to approach this issue.\n\nI’ve reviewed the source code here: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/SelectMenu.vue but couldn’t figure out how to achieve this.\n\nI see the code where the const for the label is generated, but whats the best approach to change that for us?\n\n```\n const label = computed(() => {\n if (!props.modelValue) return null\n\n if (Array.isArray(props.modelValue) && props.modelValue.length) {\n return `${props.modelValue.length} selected`\n } else if (['string', 'number'].includes(typeof props.modelValue)) {\n return props.valueAttribute ? accessor(selected.value, props.optionAttribute) : props.modelValue\n }\n\n return accessor(props.modelValue as Record\u003Cstring, any>, props.optionAttribute)\n })\n```\n\nAny advice or direction would be greatly appreciated!",[2097],{"name":2038,"color":2039},2867,"How can I change the \u003CUSelectMenu> to display the value of a selected item, instead of \"1 selected\" when adding the multiple prop","2024-12-09T11:50:53Z","https://github.com/nuxt/ui/issues/2867",0.7264245,["Reactive",2104],{},["Set"],["ShallowReactive",2107],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"_C7pAGELJEAqVSclR2o9RuLN3F91ccfGllZwfcoGW8Y":-1},"/nuxt/ui/2321"]