\n\nBut UButton compenent classes ('font-medium' 'inline-flex'...) are not availble :\n\u003Cimg width=\"901\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/3b5c21cb-b1ba-48f4-805a-c9fccd8573b2\" />\n\nWhich result in the folowing :\n\u003Cimg width=\"283\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/294a3a0c-fea0-4bfd-ad73-2e3d6e80fdae\" />\n\n### Additional context\n\ntested with pnpm\n\n### Logs\n\n```shell-script\nNo error logged in the console\n```",[2016,2017,2020],{"name":2002,"color":2003},{"name":2018,"color":2019},"duplicate","cfd3d7",{"name":1988,"color":1989},3402,"closed","NuxtUI component classes not picked up by tailwind","2025-02-26T10:03:21Z","https://github.com/nuxt/ui/issues/3402",0.6372631,{"description":2028,"labels":2029,"number":2032,"owner":1991,"repository":1992,"state":2022,"title":2033,"updated_at":2034,"url":2035,"score":2036},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nhttps://github.com/Cyanhall/nuxt-ui-v3-demo/tree/main/demo4\n\n### Description\n\nThe button styles in UModal body should not be affected by UButtonGroup. I'm not sure if this is a bug or a feature.\n\n\n```vue\n\u003Ctemplate>\n \u003CUButtonGroup>\n \u003CUModal\n :close=\"true\"\n v-model:open=\"open\"\n title=\"Test\"\n >\n \u003CUButton\n variant=\"outline\"\n color=\"neutral\"\n @click=\"open = true\"\n >\n Modal Button\n \u003C/UButton>\n \u003Ctemplate #body>\n Body\n \u003C/template>\n \u003Ctemplate #footer>\n \u003Cdiv class=\"flex justify-start w-full gap-4\">\n \u003CUButton\n variant=\"outline\"\n class=\"rounded\"\n label=\"Cancel\"\n @click=\"open = false\"\n />\n \u003CUButton\n variant=\"outline\"\n class=\"rounded\"\n label=\"Middle\"\n @click=\"open = false\"\n />\n \u003CUButton\n type=\"submit\"\n class=\"rounded\"\n label=\"Confirm\"\n color=\"primary\"\n @click=\"open = false\"\n />\n \u003C/div>\n \u003C/template>\n \u003C/UModal>\n \u003CUButton\n variant=\"outline\"\n color=\"neutral\"\n @click=\"\"\n >\n Other Button\n \u003C/UButton>\n \u003C/UButtonGroup>\n\u003C/template>\n```\n\n\u003Cimg width=\"362\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/da66f0d8-fc42-45a5-b1e1-d7214468b24a\" />\n\n\u003Cbr>\n\n\u003Cimg width=\"543\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a50767ec-bea5-4c88-9b45-963f8e81e5df\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2030,2031],{"name":2002,"color":2003},{"name":1988,"color":1989},2978,"The button styles in UModal body should not be affected by UButtonGroup.","2025-02-07T15:32:58Z","https://github.com/nuxt/ui/issues/2978",0.6754145,{"description":2038,"labels":2039,"number":2041,"owner":1991,"repository":1992,"state":2022,"title":2042,"updated_at":2043,"url":2044,"score":2045},"### Description\n\nI want to use a UVerticalNavigation component however I want to manage my self who should be active since:\n\n- I don't have any to params\n- I want to stay on the same page but triggering my function on click\n\n\nEg:\n\n```\n \u003CUVerticalNavigation :links=\"links\" >\n \u003C/UVerticalNavigation>\n\n\n const links = [\n {\n label: 'Inbox',\n icon: 'i-heroicons-home',\n click: () => selectFolder('inbox'),\n active: activeFolder.value == 'inbox',\n }, {\n label: 'Drafts',\n icon: 'i-heroicons-pencil',\n click: () => selectFolder('drafts'),\n active: activeFolder.value == 'drafts'\n }, {\n label: 'Outbox',\n icon: 'i-heroicons-envelope',\n click: () => selectFolder('outbox'),\n active: activeFolder.value == 'outbox'\n }, {\n label: 'Sent',\n icon: 'i-heroicons-paper-airplane',\n click: () => selectFolder('sent'),\n active: activeFolder.value == 'sent'\n }, {\n label: 'Spam',\n icon: 'i-heroicons-exclamation-triangle',\n click: () => selectFolder('spam'),\n active: activeFolder.value == 'spam'\n }, {\n label: 'All mails',\n icon: 'i-heroicons-inbox-stack',\n click: () => selectFolder('all'),\n active: activeFolder.value == 'all'\n }\n ]\n\n```\n\nI tried using the activeFOlder.value but it's not updating upon the value change\n\nThank you!\n",[2040],{"name":1985,"color":1986},3351,"UVerticalNavigation Active","2025-02-19T05:51:40Z","https://github.com/nuxt/ui/issues/3351",0.6900836,{"description":2047,"labels":2048,"number":2054,"owner":1991,"repository":1992,"state":2022,"title":2055,"updated_at":2056,"url":2057,"score":2058},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v20.17.0\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: pnpm@9.10.0\r\n- Builder: -\r\n- User Config: extends, modules, ui, colorMode, routeRules, devtools, typescript, future, eslint, runtimeConfig, compatibilityDate\r\n- Runtime Modules: @nuxt/eslint@0.5.1, @nuxt/fonts@0.7.2, @nuxt/ui@2.18.4, @vueuse/nuxt@10.11.1\r\n- Build Modules: -\n\n### Version\n\n2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-9zrfga?file=app.vue\r\n\n\n### Description\n\nHi everyone.\r\nI truly appreciate your work. Many many thanks!!\r\nI'm starting a new project, my first project with \"nuxt\" and \"nuxt ui+pro\" (I liked the dashboard theme).\r\nMaybe I'm doing something wrong, in this case please help me.\r\nOtherwise I think I found an error in the theme of the UDashboardModal component.\r\n\r\nThe background of UDashboardModal does not follow the length of its content in \"mobile view\" (small devide, in this example 400x616).\r\n\r\n\r\n\r\nIn desktop viewport work as expected.\r\n\r\n\r\n\r\nWhat's do you think?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2049,2050,2051],{"name":2002,"color":2003},{"name":2018,"color":2019},{"name":2052,"color":2053},"pro","5BD3CB",2220,"Issue Nuxt UI Pro UDashboardModal background ","2024-10-06T18:00:50Z","https://github.com/nuxt/ui/issues/2220",0.70056015,{"description":2060,"labels":2061,"number":2064,"owner":1991,"repository":1992,"state":2022,"title":2065,"updated_at":2066,"url":2067,"score":2068},"### Description\n\nHi,\n\nhere in the first form in nuxtui2\nhttps://ui.nuxt.com/components/form \nthe behaviour is that the input field is validated after the blur. If there is an error and I correct it, the error is fixed immediately.\n\nIn v3 the behaviour is different. I have seen the prop validateOn so I can change it to blur, but not like first onBlur and then onInput like in v2.\n\nbest,\ngregor",[2062,2063],{"name":2002,"color":2003},{"name":1988,"color":1989},3006,"How can I get the same form validation behaviour as in v2?","2025-01-06T17:48:11Z","https://github.com/nuxt/ui/issues/3006",0.7006412,{"description":2070,"labels":2071,"number":2074,"owner":1991,"repository":1992,"state":2022,"title":2075,"updated_at":2076,"url":2077,"score":2078},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@10.6.1\n- Builder: -\n- User Config: compatibilityDate, devtools, typescript, ssr, app, modules, ui, colorMode, i18n, gtag, icon, robots, pwa, runtimeConfig\n- Runtime Modules: @nuxt/ui@2.21.1, @nuxtjs/i18n@9.3.1, nuxt-gtag@3.0.2, @pinia/nuxt@0.10.1, pinia-plugin-persistedstate/nuxt@4.2.0, @nuxt/icon@1.10.3, @nuxtjs/robots@5.2.6, @vite-pwa/nuxt@0.10.6, @formkit/auto-animate/nuxt@0.8.2\n- Build Modules:\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n2.21.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/optimistic-http-yz8djj\n\n### Description\n\nThe hover effect doest work when you pass the color as variable. Doesn't work with some colors like indigo, pink, sky...\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2072,2073],{"name":1985,"color":1986},{"name":1988,"color":1989},3524,"Button hover effect","2025-03-14T11:52:31Z","https://github.com/nuxt/ui/issues/3524",0.70240074,{"description":2080,"labels":2081,"number":2083,"owner":1991,"repository":1992,"state":2022,"title":2084,"updated_at":2085,"url":2086,"score":2087},"### Description\r\n\r\nHello !\r\n\r\nThis module is amazing, thanks a lot for this.\r\nI just started using nuxthub, and while reading the logs, I found components names I don't use. Are all the components built ? If yes, is it possible to exclude from build the unused components ?\r\n\r\nThanks !\r\nCheers from France !\r\n\r\nEdit : by reading my nuxt.config again, I see I defined these lines : \r\n\r\n```\r\n ui: {\r\n global: true,\r\n },\r\n components: {\r\n global: true,\r\n dirs: ['~/components']\r\n },\r\n```\r\n\r\nIs it the reason why all the UI components are built, even if I don't use them ? I don't remember why I decided to make everything global, but I'm sure I don't understand this option 🥇 \r\n\r\nEdit2 : Ok, this was indeed the `global: true` options that made all the ui components built, sorry for this silly question !",[2082],{"name":1985,"color":1986},2174,"Are all the components built during build process ?","2024-09-11T00:08:50Z","https://github.com/nuxt/ui/issues/2174",0.7028079,{"description":2089,"labels":2090,"number":2091,"owner":1991,"repository":2092,"state":2022,"title":2093,"updated_at":2094,"url":2095,"score":2096},"\r\n\r\nbutton on top is linking to the „new website“ blog entry and not the latest one.\r\n",[],1386,"nuxt.com","Latest Blog entry is not linking to the latest!","2023-10-20T10:46:35Z","https://github.com/nuxt/nuxt.com/issues/1386",0.70347345,["Reactive",2098],{},["Set"],["ShallowReactive",2101],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"H9U7SDnJnx_Lfx6HcHF2Z-buOtqSqylt7O4SKErI0OY":-1},"/nuxt/nuxt.com/1418"]