\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_",[2867,2870,2873],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"pro","5BD3CB",{"name":2874,"color":2875},"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.6908523,{"description":2885,"labels":2886,"number":2893,"owner":2877,"repository":2878,"state":2879,"title":2894,"updated_at":2895,"url":2896,"score":2897},"### Description\n\nHello. How can i use provide in programmatically modal usage?",[2887,2890],{"name":2888,"color":2889},"question","d876e3",{"name":2891,"color":2892},"v3","49DCB8",2987,"Provide in modal programmatically usage","2024-12-31T05:16:08Z","https://github.com/nuxt/ui/issues/2987",0.69932044,{"description":2899,"labels":2900,"number":2903,"owner":2877,"repository":2878,"state":2879,"title":2904,"updated_at":2905,"url":2906,"score":2907},"### 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```",[2901,2902],{"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.7024068,{"description":2909,"labels":2910,"number":2924,"owner":2877,"repository":2877,"state":2879,"title":2925,"updated_at":2926,"url":2927,"score":2928},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v20.15.1`\r\n- Nuxt Version: `3.12.4`\r\n- CLI Version: `3.12.0`\r\n- Nitro Version: `2.9.7`\r\n- Package Manager: `npm@10.7.0`\r\n- Builder: `-`\r\n- User Config: `compatibilityDate`, `devtools`, `extends`, `alias`, `devServer`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nhttps://github.com/fabianwohlfart/test__nuxt-layer-default-import\n\n### Describe the bug\n\nThe moment i start my app, when the `app.vue` is inside the layer not the main folder, the imported `slugify` throws an error in the console.\r\n\r\n```\r\nSyntaxError: The requested module '/_nuxt/node_modules/slugify/slugify.js?v=a1686878' does not provide an export named 'default'\r\n```\n\n### Additional context\n\nThis only happens in dev mode.\r\n\r\nDo I have to somehow tell vite to optimize deps from this directory aswell?\n\n### Logs\n\n_No response_",[2911,2914,2917,2918,2921],{"name":2912,"color":2913},"good first issue","fbca04",{"name":2915,"color":2916},"dx","C39D69",{"name":2868,"color":2869},{"name":2919,"color":2920},"vite","3574D1",{"name":2922,"color":2923},"🍰 p2-nice-to-have","0E8A16",28631,"Default imports from layers on another directory fails","2024-11-19T11:52:04Z","https://github.com/nuxt/nuxt/issues/28631",0.7056299,{"description":2930,"labels":2931,"number":2938,"owner":2877,"repository":2939,"state":2879,"title":2940,"updated_at":2941,"url":2942,"score":2943},"We currently support running composables/components in a browser-type environment (with happy-dom, and soon jsdom). But there are use cases where it might be useful to support running tests in a hybrid server environment where things like h3 utilities and nuxt ssr utilities work.\r\n\r\nThis could definitely be classed as non-essential and experimental, but we can track it here.",[2932,2935],{"name":2933,"color":2934},"enhancement","a2eeef",{"name":2936,"color":2937},"vitest-environment","b60205",531,"test-utils","nuxt server environment support","2025-03-06T16:28:47Z","https://github.com/nuxt/test-utils/issues/531",0.7091689,{"description":2945,"labels":2946,"number":2951,"owner":2877,"repository":2878,"state":2952,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### Description\n\nIs there a way to prevent popovers from closing when clicking outside the popover?",[2947,2948,2950],{"name":2888,"color":2889},{"name":2949,"color":2875},"wontfix-v2",{"name":2891,"color":2892},2245,"closed","Popover close-prevented","2024-11-10T09:20:02Z","https://github.com/nuxt/ui/issues/2245",0.6608362,{"description":2958,"labels":2959,"number":2961,"owner":2877,"repository":2939,"state":2952,"title":2962,"updated_at":2963,"url":2964,"score":2965},"Hello,\r\n\r\nI'v been trying to use msw along with this module in order to mock requests. However, any component using $fetch or useFetch raises a FetchError when mounting.\r\nIs there anything I've been missing here? I know the msw examples using react polyfill the fetch function, but I don't know how to do it in a nuxt environment.\r\n\r\n```\r\n// app.nuxt.test.ts\r\nimport { test } from 'vitest'\r\nimport app from './app.vue'\r\nimport { mount } from '@vue/test-utils'\r\n\r\ntest('my test', () => {\r\n // setup({ server: true })\r\n // global.fetch = fetch\r\n // globalThis.fetch = fetch\r\n // await mount(app)\r\n mount(app)\r\n})\r\n```\r\n\r\n```\r\n// app.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CNuxtWelcome />\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nconst test = await $fetch('https://google.com')\r\n\u003C/script>\r\n```\r\n\r\n\r\n\r\n",[2960],{"name":2936,"color":2937},557,"_fetch is not a function","2023-12-02T00:22:09Z","https://github.com/nuxt/test-utils/issues/557",0.6699675,{"description":2967,"labels":2968,"number":2973,"owner":2877,"repository":2974,"state":2952,"title":2975,"updated_at":2976,"url":2977,"score":2978},"I've explored other font providers, looks like `fontsource` is also quite promising.\r\n\r\nCurrently most of its fonts are from Google Fonts, along with some icons and some other fonts. It's also the service that Cloudflare Fonts is fetching from.\r\n\r\n@danielroe Would you like to include this font provider? If so, I'd like to work on it.\r\n\r\nDocs: https://fontsource.org/docs",[2969,2970],{"name":2933,"color":2934},{"name":2971,"color":2972},"provider","1161A4",65,"fonts","feat: fontsource provider","2024-03-20T13:12:12Z","https://github.com/nuxt/fonts/issues/65",0.6748572,{"labels":2980,"number":2990,"owner":2877,"repository":2877,"state":2952,"title":2991,"updated_at":2992,"url":2993,"score":2994},[2981,2984,2987],{"name":2982,"color":2983},"3.x","29bc7f",{"name":2985,"color":2986},"pending triage","E99695",{"name":2988,"color":2989},"needs reproduction","FBCA04",12986,"VITE SyntaxError @babel does not provide an export named 'default'","2023-01-19T16:39:58Z","https://github.com/nuxt/nuxt/issues/12986",0.69273925,{"description":2996,"labels":2997,"number":3000,"owner":2877,"repository":2878,"state":2952,"title":3001,"updated_at":3002,"url":3003,"score":3004},"### Environment\n\nOperating System: Windows_NT\nNode Version: v20.18.0\nNuxt Version: -\nCLI Version: 3.14.0\nNitro Version: -\nPackage Manager: unknown\nBuilder: -\nUser Config: -\nRuntime Modules: -\nBuild Modules: -\n\n### Version\n\nv3.0.0-alpha.6\n\n### Reproduction\n\nCannot use v3 on stackblitz so no repo.\n\n### Description\n\nThere is no code example for the `validate-on` prop. Like how do I stop blur,input and change validations?\nhttps://ui3.nuxt.dev/components/form#input-events\n\nSearched a bit on docs github repository code and I think it is something like this:\n```\n :validate-on=\"[]\" // No validation until manual trigger: 'validate' prop\n :validate-on=\"['blur']\" // Only validate on blur(or manually)\n :validate-on=\"['blur','change','input']\" // Validate on all\n```\n\nWhen you type :validate-on=\"[]\" it suggests but I didn't know if i had to put `[]`\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2998,2999],{"name":2868,"color":2869},{"name":2891,"color":2892},2371,"[Form] Input events validate-on code example missing.","2024-10-23T20:25:52Z","https://github.com/nuxt/ui/issues/2371",0.69453436,["Reactive",3006],{},["Set"],["ShallowReactive",3009],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fDBk9F9wxkjYdD6HpyYvqDqcfub_XlcRnBvmtbYK9LTE":-1},"/nuxt/ui/2237"]