\n \u003C/UFormField>\n \u003CUFormField\n label=\"Last Name\"\n name=\"lastName\"\n class=\"flex-5\">\n \u003CUInput\n v-model=\"formState.lastName\"\n type=\"text\"\n placeholder=\"Last Name\"\n icon=\"i-heroicons-user-solid\"\n class=\"text-gray-900 dark:text-white\" /> \u003C!-- has no effect -->\n \u003C/UFormField>\n \u003C/div>\n ...\n```\n\n",[1984,1987],{"name":1985,"color":1986},"question","d876e3",{"name":1988,"color":1989},"v3","49DCB8",3136,"nuxt","ui","closed","Q: how to style the text and background color of the UInput component?","2025-01-18T00:58:37Z","https://github.com/nuxt/ui/issues/3136",0.74313843,{"description":1999,"labels":2000,"number":2010,"owner":1991,"repository":1992,"state":1993,"title":2011,"updated_at":2012,"url":2013,"score":2014},"### Environment\n\n Operating System: Darwin\r\n- Node Version: v20.12.2\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.5.0\r\n- Builder: -\r\n- User Config: routeRules, app, runtimeConfig, nitro, css, devtools, experimental, auth, mongoose, pinia, vueEmail, googleFonts, modules\r\n- Runtime Modules: @nuxt/image@1.7.0, @vueuse/nuxt@10.9.0, nuxt-mongoose@1.0.5, @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0, @nuxt/content@2.12.1, @sidebase/nuxt-auth@0.7.2, @vue-email/nuxt@0.8.19, nuxt-aos@1.2.4, @nuxt/ui@2.16.0, @nuxtjs/google-fonts@3.2.0\r\n- Build Modules: -\n\n### Version\n\nv2.16.0\n\n### Reproduction\n\nnothing there\n\n### Description\n\n- activeClass does not work on UButton when switching from another layout, activeClass starts working when you reload the page. \r\n- If I use NuxtLink everything works fine.\r\n\r\n> I have layout auth on the registration page, after authorization I am automatically redirected to the page with the default layout, on this page there is a menu with a UButtons\r\n\r\n----\r\nScreenshot don't work\r\n\r\nScreenshot normal work\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2001,2004,2007],{"name":2002,"color":2003},"bug","d73a4a",{"name":2005,"color":2006},"needs reproduction","CB47CF",{"name":2008,"color":2009},"closed-by-bot","ededed",1778,"UButton - activeClass does not work when switching from another layout","2025-04-01T02:12:03Z","https://github.com/nuxt/ui/issues/1778",0.753047,{"description":2016,"labels":2017,"number":2023,"owner":1991,"repository":1992,"state":1993,"title":2024,"updated_at":2025,"url":2026,"score":2027},"### Environment\n\nDocs (Microsoft Edge 134)\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/navigation-menu#with-content-slot\n\n### Description\n\nThe example for NavigationMenu with content slot on the documentations site is not working.\n\nSee: https://ui.nuxt.com/components/navigation-menu#with-content-slot \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2018,2019,2020],{"name":2002,"color":2003},{"name":1988,"color":1989},{"name":2021,"color":2022},"triage","ffffff",3788,"NavigationMenu docs for \"With content slot\" not working","2025-04-04T09:42:49Z","https://github.com/nuxt/ui/issues/3788",0.7537997,{"description":2029,"labels":2030,"number":2033,"owner":1991,"repository":1992,"state":1993,"title":2034,"updated_at":2035,"url":2036,"score":2037},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nHello,\n\nHow to access [Neutral Palette](https://ui3.nuxt.dev/getting-started/theme#neutral-palette) classes ? (text-ui-dimmed, bg-ui-accented ...)\nTailwind CSS IntelliSense doesn't offer them, are they generated by default?\nIf not, What is the easiest way to do this?\n\nThanks in advance",[2031,2032],{"name":1985,"color":1986},{"name":1988,"color":1989},2843,"Neutral Palette classes","2024-12-09T11:12:10Z","https://github.com/nuxt/ui/issues/2843",0.76367503,{"description":2039,"labels":2040,"number":2046,"owner":1991,"repository":1992,"state":1993,"title":2047,"updated_at":2048,"url":2049,"score":2050},"### Description\n\nIs there any easy way to use nested childs in `NavigationMenu` component? I have specific client requirements for 3 levels menu like:\n\n```\nconst items = ref([\n {\n label: 'Guide',\n icon: 'i-lucide-book-open',\n to: '/getting-started',\n children: [\n {\n label: 'Introduction',\n description: 'Fully styled and customizable components for Nuxt.',\n icon: 'i-lucide-house',\n children: [\n {\n label: 'Introduction',\n description: 'Fully styled and customizable components for Nuxt.',\n icon: 'i-lucide-house',\n \n },\n ]\n }\n ]\n```\n\nOr I need repaste and rewrite sections in slots to achieve this?",[2041,2044,2045],{"name":2042,"color":2043},"duplicate","cfd3d7",{"name":1985,"color":1986},{"name":1988,"color":1989},3128,"NavigationMenu and nested childs","2025-01-28T12:07:17Z","https://github.com/nuxt/ui/issues/3128",0.7682826,{"description":2052,"labels":2053,"number":2056,"owner":1991,"repository":1992,"state":1993,"title":2057,"updated_at":2058,"url":2059,"score":2060},"### Description\n\nhey guys,\n\nFor some reason I can't get the `@apply` function in css working with Nuxt UI V3?\n\nIf I do something like this in the `\u003Cstyle>` section of a component: \n\n```\n\u003Cstyle scoped>\nh1 {\n @apply text-4xl;\n}\n\u003C/style>\n```\n\nI get this error: \n\n\n```zsh\n\n ERROR x Build failed in 694ms 4:30:24 PM\n\n\n ERROR Nuxt Build Error: [@tailwindcss/vite:generate:build] Cannot apply unknown utility class: text-4xl \n\n```\n\nWeirdly if I do `class=\"text-4xl\"` it works? Also If I comment out the `\u003Cstyle>` section above it also works? What's going on here? it's like the `@apply` function isn't setup or recognised? How do I go about debugging this?\n",[2054,2055],{"name":1985,"color":1986},{"name":1988,"color":1989},3193,"@apply - `Cannot apply unknown utility class`","2025-01-28T16:53:52Z","https://github.com/nuxt/ui/issues/3193",0.77133137,{"description":2062,"labels":2063,"number":2067,"owner":1991,"repository":1991,"state":1993,"title":2068,"updated_at":2069,"url":2070,"score":2071},"[DEMO地址](https://github.com/zuley/Vue-WordPress-API)\r\n大量重复的标签堆叠,会导致这个错误发生。\r\n注:有时候直接编写热重载后页面可以显示,但是刷新后还是会报错。\r\n\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/c509\">#c509\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2064],{"name":2065,"color":2066},"2.x","d4c5f9",582,"Maximum call stack size exceeded","2023-01-18T15:39:32Z","https://github.com/nuxt/nuxt/issues/582",0.77294916,{"labels":2073,"number":2078,"owner":1991,"repository":1991,"state":1993,"title":2079,"updated_at":2080,"url":2081,"score":2082},[2074,2077],{"name":2075,"color":2076},"pending triage","E99695",{"name":2065,"color":2066},6294,"RangeError: Maximum call stack size exceeded","2023-01-30T18:37:15Z","https://github.com/nuxt/nuxt/issues/6294",0.7747783,{"description":2084,"labels":2085,"number":2088,"owner":1991,"repository":1992,"state":1993,"title":2089,"updated_at":2090,"url":2091,"score":2092},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v22.13.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.2.2\n- Builder: -\n- User Config: compatibilityDate, devtools, runtimeConfig, nitro, sitemap, linkChecker, modules, supabase, image, routeRules, feed, robots, schemaOrg\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @nuxtjs/supabase@1.4.6, @vueuse/nuxt@12.5.0, @nuxt/image@1.9.0, @nuxthub/core@0.8.15, @nuxtjs/sitemap@7.2.4, nuxt-module-feed@1.1.4, @nuxtjs/robots@5.2.2, nuxt-schema-org@4.1.1, nuxt-link-checker@4.1.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\nSorry for not providing a reproduction, but here it is on your doc website:\n\nhttps://github.com/user-attachments/assets/66177383-ee49-4a89-8083-19e8e96f8be4\n\nIn the screen capture you can see:\n1. I click a button, grant it focus\n2. scroll up\n3. open the search modal with command palette using `meta + k`\n4. close the modal\n5. I am immediately scrolled to the last focused element\n\n### Description\n\nAs shown in the screen cap in the reproduction section, closing the modal returns focus to the last focused element causing you to scroll to its position.\n\nI realize this is an accessibility feature, but being abruptly scrolled down is confusing and jarring for users.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2086,2087],{"name":2002,"color":2003},{"name":1988,"color":1989},3227,"Closing modal causes abrupt scrolling to last focused element","2025-02-18T10:01:47Z","https://github.com/nuxt/ui/issues/3227",0.7755007,{"description":2094,"labels":2095,"number":2100,"owner":1991,"repository":1991,"state":1993,"title":2101,"updated_at":2102,"url":2103,"score":2104},"### What problem does this feature solve?\n\nThis feature will allow users to easily override the hard-coded limits.\n\n### What does the proposed changes look like?\n\nCurrently all `url-loader` rules hard-code the limit value to 1000 bytes. Arguably, this default limit is not universal and often needs changing. E.g. there are no fonts that are 1000 bytes, unless it is an icon font, with maybe a couple of icons. So that rule is not useful by default.\n\nAn abstracted setting for `nuxt.config.js` file, that would allow user to override this value would be very helpful.\n\nIt should probably be granular for each individual `url-loader` rule.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7616\">#c7616\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2096,2099],{"name":2097,"color":2098},"enhancement","8DEF37",{"name":2065,"color":2066},3785,"Abstract hard-coded url-loader limits into a configurable option","2023-01-22T15:50:41Z","https://github.com/nuxt/nuxt/issues/3785",0.77767265,["Reactive",2106],{},["Set"],["ShallowReactive",2109],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"PEyEOa4n_5X8dR0lOwUVsqxNE3S5rwuiqLHVI1AUVnU":-1},"/nuxt/test-utils/506"]