\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```",[3181,3184],{"name":3182,"color":3183},"bug","d73a4a",{"name":3141,"color":3142},3891,"Almost all tailwind classes are ignored","2025-04-23T10:53:36Z","https://github.com/nuxt/ui/issues/3891",0.78160596,{"description":3191,"labels":3192,"number":3197,"owner":3147,"repository":3148,"state":3173,"title":3198,"updated_at":3199,"url":3200,"score":3201},"### 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?",[3193,3196],{"name":3194,"color":3195},"question","d876e3",{"name":3141,"color":3142},3646,"How do I change the padding of all buttons globally?","2025-03-24T01:29:59Z","https://github.com/nuxt/ui/issues/3646",0.7876866,{"description":3203,"labels":3204,"number":3207,"owner":3147,"repository":3148,"state":3173,"title":3208,"updated_at":3209,"url":3210,"score":3211},"### Description\n\nhow to run vitest with `nuxt/ui` components?\n\nexample repo: https://github.com/OrbisK/nuxt-ui-vue-starter/tree/test/repoduction\n\n1. `pnpm i`\n2. `pnpm test`\n3. `TypeError: Package import specifier \"#imports\" is not defined in package /var/www/html/node_modules/@nuxt/ui/package.json imported from /var/www/html/node_modules/@nuxt/ui/dist/runtime/plugins/colors.js`\n\n```ts\nimport App from './App.vue'\nimport {mount} from '@vue/test-utils'\nimport ui from '@nuxt/ui/vue-plugin'\n\nit(\"should render button\", ()=>{\n const wrapper = mount(App, {\n global: {\n plugins: [ui]\n }\n })\n})\n```",[3205,3206],{"name":3194,"color":3195},{"name":3141,"color":3142},3814,"nuxt/ui with vitest `Package import specifier \"#imports\" is not defined`","2025-04-07T08:00:21Z","https://github.com/nuxt/ui/issues/3814",0.7941957,{"description":3213,"labels":3214,"number":3218,"owner":3147,"repository":3148,"state":3173,"title":3219,"updated_at":3220,"url":3221,"score":3222},"### Description\n\nThere is currently no easy way to know what state the modal is in. Adding a `toggle` method would make life very much easier.\n\nI'm willing to make a PR\n\n### Additional context\n\n_No response_",[3215,3216,3217],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},3720,"feat: add toogle for useOverlay","2025-04-09T15:26:14Z","https://github.com/nuxt/ui/issues/3720",0.798096,{"description":3224,"labels":3225,"number":3228,"owner":3147,"repository":3148,"state":3173,"title":3229,"updated_at":3230,"url":3231,"score":3232},"### Description\n\nHow to enable [IntelliSense](https://ui3.nuxt.dev/components/link#intellisense)\n\nwhen wrie the code on class atribute like this\n `\u003Cdiv class=\"bg-red-500 text-white p-4 flex justify-between\">`\n\n the sugestion not show\n",[3226,3227],{"name":3194,"color":3195},{"name":3141,"color":3142},2949,"VS Code IntelliSense not working","2025-01-06T07:33:40Z","https://github.com/nuxt/ui/issues/2949",0.79866934,{"description":3234,"labels":3235,"number":3241,"owner":3147,"repository":3148,"state":3173,"title":3242,"updated_at":3243,"url":3244,"score":3245},"### 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 are two things. \n**First: even though the route detection thus the active highlight works when default(no config or when clicking only) but not when using 'v-model' or 'defaultValue'. Tried the code in docs, it only works when item has children. So NavigationMenu doesn't act like a nav menu but just a normal menu.**\n\n```\nconst links = [\n [\n {\n label: t(\"nav.home\"),\n icon: \"ph:house\",\n to: \"/\",\n },\n {\n label: t(\"nav.products\"),\n icon: \"solar:box-linear\",\n to: \"/vendor/products\",\n },\n {\n label: t(\"nav.orders\"),\n icon: \"solar:clipboard-list-linear\",\n to: \"/vendor/orders\",\n },\n ],\n];\n\n\nconst activeItem = '1'\n```\n```\n \u003CUNavigationMenu\n v-model=\"activeItem\"\n orientation=\"vertical\"\n :items=\"links\"\n color=\"neutral\"\n :ui=\"{ link: 'py-2' }\"\n />\n```\n\n\nSecond: It would be better the route detection works for sub routes too. For example a route link should be active not just for /products but also for /products/new, products/g300gk-l2210j etc...\n\n### Additional context\nhttps://ui3.nuxt.dev/components/navigation-menu#control-active-item\n\n### Logs\n\n_No response_",[3236,3237,3240],{"name":3182,"color":3183},{"name":3238,"color":3239},"needs reproduction","CB47CF",{"name":3141,"color":3142},2360,"[NavigationMenu] Active item logic broken","2024-10-11T09:56:55Z","https://github.com/nuxt/ui/issues/2360",0.80679,{"description":3247,"labels":3248,"number":3252,"owner":3147,"repository":3148,"state":3173,"title":3253,"updated_at":3254,"url":3255,"score":3256},"### Description\n\n## Description\n\nIn Nuxt UI v3, there is currently no way to apply custom styles or classes to individual table rows or cells. Additionally, it is not possible to dynamically set classes based on specific criteria, for example, the value of data displayed in a given cell.\n\nIn contrast, this feature was available in Nuxt UI v2, as documented in the [official documentation](https://ui2.nuxt.com/components/table). In that version, custom classes could be applied by simply adding a `class` property to a specific row's data:\n\n```js\nconst items = [{\n id: 1,\n name: 'Apple',\n quantity: { value: 100, class: 'bg-green-500/50 dark:bg-green-400/50' }\n}, {\n id: 2,\n name: 'Orange',\n quantity: { value: 0 },\n // Class property\n class: 'bg-red-500/50 dark:bg-red-400/50 animate-pulse'\n}]\n```\n\n\n### Additional context\n\n_No response_",[3249,3250,3251],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},3865,"Table: conditionally apply classes to tr and td elements","2025-04-22T19:14:59Z","https://github.com/nuxt/ui/issues/3865",0.80687416,["Reactive",3258],{},["Set"],["ShallowReactive",3261],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ffks51mPgi95WcDQ7w5MhfeerLfAHUP93aIPbxPrzw3c":-1},"/nuxt/ui/3890"]