\n \u003Cdiv class=\"hidden md:block\">Test\u003C/div>\n\u003C/template>\n```\n\nMy expectation would be that all styles belonging to those tailwind classes are applied, but instead I can only see the styles of the classes `w-full` and `hidden`. The other classes are ignored. I can't see why. Is this a nuxt ui bug? All of this was still working with the latest alpha version.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2016,2019,2020],{"name":2017,"color":2018},"bug","d73a4a",{"name":1988,"color":1989},{"name":1991,"color":1992},3891,"Almost all tailwind classes are ignored","2025-04-14T14:32:37Z","https://github.com/nuxt/ui/issues/3891",0.78752244,{"description":2027,"labels":2028,"number":2031,"owner":1994,"repository":1995,"state":1996,"title":2032,"updated_at":2033,"url":2034,"score":2035},"### Description\n\nThe Accordion component's config provides the `default` block, which allows you to control the CSS of the label. However, there are no open/closed state controls. I'd love to be able to apply different classes to the label based on whether the accordion is open or closed.\n\n### Additional context\n\nThe main reason for this is to customize the open/closed states. Upon opening the accordion, I would like the ability to remove the bottom-left and bottom-right border radius while simultaneously adding a border around the body content. This would create a seamless appearance, eliminating any gaps between the label and the body content.",[2029,2030],{"name":1985,"color":1986},{"name":1991,"color":1992},3412,"Accordion styles -- should be able to pass classes via UI config for open and closed states.","2025-02-26T23:07:30Z","https://github.com/nuxt/ui/issues/3412",0.80598587,{"description":2037,"labels":2038,"number":2041,"owner":1994,"repository":1995,"state":1996,"title":2042,"updated_at":2043,"url":2044,"score":2045},"### Environment\n\nNode: 22.11.0\nnpm: 11.1.0\n@nuxt/ui: 2.21.0 and 3.0.0-alpha.13 (same reesult)\nnuxt: 3.15.4\nNitro: 2.10.4 \n\n\n### Version\n\n2.21.0\n\n### Reproduction\n\nAfter using `npx nuxi@latest module add ui` to add Nuxt UI to a Nuxt project `nuxt dev` still works, but `nuxt build` and `nuxt generate` crashes with the following error: \n\n```\n ERROR Nuxt Build Error: Cannot find module 'postcss-minify-gradients'\nRequire stack:\n- [~]/node_modules/cssnano-preset-default/src/index.js\n- [~]/node_modules/cssnano/src/index.js\n```\n\nMy `nuxt.config.ts`:\n\n```\nexport default defineNuxtConfig({\n modules: [\n '@nuxt/ui',\n ],\n compatibilityDate: '2024-11-01',\n devtools: { enabled: true },\n})\n```\n\nThings I've tried:\n\n- Adding `'postcss-minify-gradients` with `npm install postcss-minify-gradients` does not make any difference. \n- Installing `cssnano`, `postcss`, `tailwindcss` and numerous other Nuxt/Tailwind related packges manually causes a lot of other issues, but doesn't help here\n- Removing `node_modules/*`, `./nuxt/*` and `package-lock.json` and starting over does not help\n- Neither does `nuxi cleanup` \n- Adding `postcss: { plugins: { \"minifyGradients\": false },},` to `nuxt.config.ts`, as suggested in some other bug report thread\n- Removing every installed package except for NuxtUI\n\nWhat works:\n\nCreating an entirely clean project with `npx nuxi@latest init test`, `cd test` and `npx nuxi@latest module add ui` works for a while. But it seems like sooner or later every NuxtUI project gets stuck in this cul-de-sac. It is unclear to me what triggers this state, but more to the point it seems entrirely _impossible_ to get out of it? What is going on here, and how can I save a project, once this happen?\n\n### Description\n\nSee above\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2039,2040],{"name":2017,"color":2018},{"name":1991,"color":1992},3368,"Nuxt Build Error: Cannot find module 'postcss-minify-gradients'","2025-02-22T12:24:45Z","https://github.com/nuxt/ui/issues/3368",0.81134385,{"description":2047,"labels":2048,"number":2053,"owner":1994,"repository":1995,"state":1996,"title":2054,"updated_at":2055,"url":2056,"score":2057},"### Description\n\nThere is a way to enable tooltip on mobile when touching it? Can it be globally enabled?",[2049,2052],{"name":2050,"color":2051},"question","d876e3",{"name":1988,"color":1989},3847,"Tooltip on mobile devices","2025-04-09T17:04:51Z","https://github.com/nuxt/ui/issues/3847",0.8132054,{"description":2059,"labels":2060,"number":2064,"owner":1994,"repository":1995,"state":2065,"title":2066,"updated_at":2067,"url":2068,"score":2069},"### Description\n\nWhile most components support the theming props (globally via app.config and as local props) the UForm component doesn't. For consistency it'd be great if this could be added to the Form component too.\n\n### Additional context\n\n_No response_",[2061,2062,2063],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3752,"closed","Form Component: Support theming props","2025-04-10T19:55:39Z","https://github.com/nuxt/ui/issues/3752",0.76776075,{"description":2071,"labels":2072,"number":2075,"owner":1994,"repository":1995,"state":2065,"title":2076,"updated_at":2077,"url":2078,"score":2079},"### Description\n\nI am new using Nuxt UI, and I am loving it.\nI personally believe buttons look better when they are wider than taller, therefore I like to add more padding in the x axis, but I don't want to do this for each button.\n\nI am currently doing it like this:\n\n```html\n\u003CUButton\n to=\"/login\"\n size=\"xl\"\n color=\"warning\"\n variant=\"solid\"\n class=\"font-semibold px-4\"\n >\n Iniciar sesión\n \u003C/UButton>\n```\n\nbut I don't know how to add the option for all buttons.\nI tried doing this in the app.config.ts:\n\n```js\nui: {\n button: {\n slots: {\n base: 'px-4 cursor-pointer'\n },\n}\n \n```\n\nand the cursor-pointer worked, but the px-4 didn't work. Any idea on how to make this work?",[2073,2074],{"name":2050,"color":2051},{"name":1988,"color":1989},3646,"How do I change the padding of all buttons globally?","2025-03-24T01:29:59Z","https://github.com/nuxt/ui/issues/3646",0.7916833,{"description":2081,"labels":2082,"number":2088,"owner":1994,"repository":1995,"state":2065,"title":2089,"updated_at":2090,"url":2091,"score":2092},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@9.15.4\n- Builder: -\n- User Config: modules, devtools, app, css, runtimeConfig, future, compatibilityDate, telemetry, eslint\n- Runtime Modules: @nuxt/ui-pro@3.0.0, @nuxt/eslint@1.0.1, @vueuse/nuxt@12.5.0, @nuxt/image@1.9.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3\n\n### Reproduction\n\nsee below\n\n### Description\n\nI get the follwing error:\n\n```\nruntime-core.esm-bundler.js:51 [Vue warn]: injection \"Symbol(nuxt-ui.locale-context)\" not found. \n at \u003CUSlideover open=false onUpdate:open=fn side=\"left\" ... > \n at \u003CUDashboardSidebar collapsible=\"\" resizable=\"\" > \n at \u003CPrimitive as=undefined class=\"fixed inset-0 flex overflow-hidden\" > \n at \u003CUDashboardGroup> \n at \u003CDefault ref=Ref\u003C undefined > > \n at \u003CAsyncComponentWrapper ref=Ref\u003C undefined > > \n at \u003CLayoutLoader key=\"default\" layoutProps= Object name=\"default\" > \n at \u003CNuxtLayoutProvider layoutProps= Object key=\"default\" name=\"default\" ... > \n at \u003CNuxtLayout> \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n```\n\nwhen usinng the DashboardSidebar component:\n```\n \u003CUDashboardSidebar\n collapsible\n resizable\n >\n \u003Ctemplate #header>\n \u003Cdiv class=\"flex items-center gap-2\">\n \u003CUIcon\n name=\"i-solar-buildings-2-bold\"\n class=\"w-7 h-7\"\n />\n \u003Cspan class=\"flex items-center gap-2 font-semibold text-lg logo\">example\u003C/span>\n \u003C/div>\n \u003C/template>\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"links\"\n />\n \u003Cdiv class=\"flex-1\" />\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"footerLinks\"\n />\n \u003CUSeparator class=\"sticky bottom-0\" />\n \u003Ctemplate #footer>\n \u003Cspan class=\"text-xs text-neutral-500 tracking-tight\">Version {{ useRuntimeConfig().public.version }}\u003C/span>\n \u003C/template>\n \u003C/UDashboardSidebar>\n\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2083,2084,2085],{"name":2017,"color":2018},{"name":1988,"color":1989},{"name":2086,"color":2087},"pro","5BD3CB",3549,"injection \"Symbol(nuxt-ui.locale-context)\" not found","2025-03-18T11:12:44Z","https://github.com/nuxt/ui/issues/3549",0.80151033,{"description":2094,"labels":2095,"number":2102,"owner":1994,"repository":1994,"state":2065,"title":2103,"updated_at":2104,"url":2105,"score":2106},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.18.2\r\n- Nuxt Version: 3.13.1\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: yarn@4.4.1\r\n- Builder: -\r\n- User Config: future, srcDir, dir, components, alias, typescript, devtools, modules, routeRules, tailwindcss, postcss, compatibilityDate\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.12.1, @nuxt/image@1.8.0, @nuxt/eslint@0.5.5, @nuxt/content@2.13.2\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nNot working hover events demo: nuxt@3.13.1 + vue@3.5.2\r\nhttps://stackblitz.com/edit/nuxt-vue-3-4-beta-squnun?file=src%2Fpages%2Fhome%2FHomePage.vue,src%2Fshared%2Fui%2Fthumb-carousel%2Fuse-thumb-carousel.ts\r\n\r\nWorking demo: nuxt@3.13.0 + vue@3.4.8\r\nhttps://stackblitz.com/edit/nuxt-vue-3-4-beta-uiqqjl?file=src%2Fpages%2Fhome%2FHomePage.vue,src%2Fshared%2Fui%2Fthumb-carousel%2Fuse-thumb-carousel.ts\r\n\r\nWorking non-nuxt demo: Vite(vike) + vue@3.5.2\r\nhttps://stackblitz.com/edit/dajced?file=pages%2Findex%2F%2BPage.vue,components%2Fthumb-carousel%2Fuse-thumb-carousel.ts\r\n\n\n### Describe the bug\n\n- Open non-working demo\r\n- Wait for the server to start up\r\n- Reload the page (1/twice)\r\n- Hover over the thumbs.\r\n- Navigation should work, but nothing happens, although the carousel itself is initialized\r\n\r\nIn working demos all works fine.\n\n### Additional context\n\nI don't understand what must have been changed in nuxt for my code to stop working.\r\nCan you look at the source code of the `useThumbCarousel` hook that links carousel initialization with expected behavior - maybe there is some part of the code there that causes problems? I'm thinking about watchers or refs.\n\n### Logs\n\n_No response_",[2096,2099],{"name":2097,"color":2098},"pending triage","E99695",{"name":2100,"color":2101},"possible regression","B90A42",28856,"Something broken with latest vue (3.5.2+) and latest nuxt (3.13.1)","2024-09-11T19:49:43Z","https://github.com/nuxt/nuxt/issues/28856",0.8057953,["Reactive",2108],{},["Set"],["ShallowReactive",2111],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"fks51mPgi95WcDQ7w5MhfeerLfAHUP93aIPbxPrzw3c":-1},"/nuxt/ui/3890"]