\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_",[2896,2897,2900],{"name":2868,"color":2869},{"name":2898,"color":2899},"pro","5BD3CB",{"name":2874,"color":2875},2306,"HeaderLinks: properties class and icon has no effects","2025-02-17T00:12:08Z","https://github.com/nuxt/ui/issues/2306",0.7646663,{"description":2907,"labels":2908,"number":2911,"owner":2877,"repository":2878,"state":2879,"title":2912,"updated_at":2913,"url":2914,"score":2915},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2\n- Build Modules: -\n\n### Version\n\n2.19.2\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-kft69t?file=README.md\n\nLive: https://rad-fudge-8ff161.netlify.app/\n\n### Description\n\nSo this is a safari mobile bug only! About the UCarousel. \n\nWhen testing on desktop make sure you change the User Agent to Iphone in Safari. \n\nThe active slide/page is a bit random. You can reproduce by refreshing the page. Sometimes it starts at index 0 but other times at 3 etc. \n\nI tried to make a workaround in the onMounted. But that also does not seems to work. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2909,2910],{"name":2868,"color":2869},{"name":2874,"color":2875},2683,"UCarousel Safari (Mobile only) bug","2025-02-21T13:38:31Z","https://github.com/nuxt/ui/issues/2683",0.76800096,{"description":2917,"labels":2918,"number":2921,"owner":2877,"repository":2878,"state":2879,"title":2922,"updated_at":2923,"url":2924,"score":2925},"### 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```",[2919,2920],{"name":2868,"color":2869},{"name":2874,"color":2875},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.7690118,{"description":2927,"labels":2928,"number":2932,"owner":2877,"repository":2888,"state":2879,"title":2933,"updated_at":2934,"url":2935,"score":2936},"How can I disable icon caching? I'm doing svg animation and I need hmr when changing an svg file.\r\n\r\nhttps://stackblitz.com/edit/nuxt-icon-playground-mjfbfn?file=assets%2Ficons%2Fnuxt-icon.svg\r\nTry changing the fill attribute of the svg file and save it",[2929],{"name":2930,"color":2931},"question","d876e3",160,"how to disable svg caching","2024-12-21T19:58:04Z","https://github.com/nuxt/icon/issues/160",0.7690694,{"description":2938,"labels":2939,"number":2942,"owner":2877,"repository":2878,"state":2943,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.9.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: npm@9.8.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/keen-chaplygin-lyj8jq\n\n### Description\n\nIf in `nuxt.config.ts` the `ssr` property is set to false, the `--ui-*` variables cannot be overwritten anymore in `:root` as described in the nuxt docs here in the green info box: https://ui3.nuxt.dev/getting-started/theme#color-shades.\n\nOnly if `!important` is used, the changes take effect.\n\nI believe this is because the `main.css` is imported before the variable declaration done by nuxt/ui, so the variable values in `main.css` are overwritten again. In the final html the `--ui-*` variable declaration done by nuxt/ui is inlined as the last element in the `\u003Chead>` of the html.\n\n#### main.css\n```css\n@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n /* Try to use different shade. */\n --ui-primary: var(--ui-color-primary-700); /* Does not work. */\n --ui-success: var(--ui-color-success-700) !important;\n}\n```\n\n#### nuxt.config.ts\n```ts\nexport default defineNuxtConfig({\n devtools: { enabled: true },\n modules: [\"@nuxt/ui\"],\n css: [\"~/assets/css/main.css\"],\n compatibilityDate: \"2025-01-06\",\n ssr: false, // works if set to true\n});\n```\n\n#### app.vue\n```vue\n\u003Ctemplate>\n \u003CUApp>\n \u003Cdiv class=\"flex flex-col items-start gap-2\">\n \u003CUBadge label=\"Uses default -500 shade\" color=\"primary\" />\n \u003CUBadge label=\"Uses -700 shade due to !important\" color=\"success\" />\n \u003C/div>\n \u003C/UApp>\n\u003C/template>\n```",[2940,2941],{"name":2868,"color":2869},{"name":2871,"color":2872},3075,"closed","[v3] Overwriting `--ui-*` CSS variables does not work with client-side only rendering (`ssr: false`).","2025-01-25T13:14:25Z","https://github.com/nuxt/ui/issues/3075",0.72763526,{"description":2949,"labels":2950,"number":2953,"owner":2877,"repository":2878,"state":2943,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### 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!",[2951,2952],{"name":2930,"color":2931},{"name":2871,"color":2872},3429,"How to get current modal/slideover instance?","2025-03-02T17:44:50Z","https://github.com/nuxt/ui/issues/3429",0.7393269,{"description":2959,"labels":2960,"number":2965,"owner":2877,"repository":2878,"state":2943,"title":2966,"updated_at":2967,"url":2968,"score":2969},"### Description\n\nIs there a way to prevent popovers from closing when clicking outside the popover?",[2961,2962,2964],{"name":2930,"color":2931},{"name":2963,"color":2875},"wontfix-v2",{"name":2871,"color":2872},2245,"Popover close-prevented","2024-11-10T09:20:02Z","https://github.com/nuxt/ui/issues/2245",0.74204093,{"description":2971,"labels":2972,"number":2977,"owner":2877,"repository":2878,"state":2943,"title":2978,"updated_at":2979,"url":2980,"score":2981},"### Environment\n\nThe website - https://ui.nuxt.com/getting-started\n\n### Version\n\nmain\n\n### Reproduction\n\nhttps://ui.nuxt.com/getting-started\n\n### Description\n\nNone of the children pages on the nuxt ui site have worked since updating to version 1.4.1 from the 1.3 edge version. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2973,2974],{"name":2868,"color":2869},{"name":2975,"color":2976},"documentation","0075ca",2237,"Couldn't resolve component \"default\" at \"/:slug\"","2024-10-02T14:22:51Z","https://github.com/nuxt/ui/issues/2237",0.7445855,["Reactive",2983],{},["Set"],["ShallowReactive",2986],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fTFTT5HvC0YB_a0Ty590zGb9wA0Ldc_71r_z2cXCkdqw":-1},"/nuxt/ui/2305"]