\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```",[3154,3157],{"name":3155,"color":3156},"bug","d73a4a",{"name":3141,"color":3142},3891,"closed","Almost all tailwind classes are ignored","2025-04-23T10:53:36Z","https://github.com/nuxt/ui/issues/3891",0.7331949,{"description":3165,"labels":3166,"number":3174,"owner":3144,"repository":3145,"state":3159,"title":3175,"updated_at":3176,"url":3177,"score":3178},"### Description\n\nFor building modular forms it think it would make sense to support all components within for example `UInput`\n\nSo `\u003CUSlider v-model=\"value\" />` would be equivelant to `\u003CUInput type=\"slider\" v-model=\"value\" />` \n\nAnd also add support for validating/typing these components\n```\nconst schema = z.object({\n email: u('email'), // Equivelant to z.string().email('Invalid email')\n password: u('password').min(8) // z.string().min(8, 'Password must be at least 8 characters')\n age: u('slider').min(18) // Equivelant to z.number().min(18, 'Age must be 18 or higher')\n})\n```\nOr with custom validation messages \n```\nconst schema = z.object({\n email: u('email', 'Please enter valid email!'), // Equivelant to z.string().email('Please enter a valid email!')\n password: u('password').min(8, \"Password must be at least 8 characters!\") // Equivelant to z.string().min(8, \"Password must be at least 8 characters!\")\n age: u('slider').min(18, \"You must be 18 years or older!\") // Equivelant to z.number().min(18, \"You must be 18 years or older!\")\n})\n```\n\n\n### Additional context\n\n_No response_",[3167,3170,3171],{"name":3168,"color":3169},"enhancement","a2eeef",{"name":3141,"color":3142},{"name":3172,"color":3173},"triage","ffffff",3934,"Add support for all components in UInput","2025-04-21T14:33:27Z","https://github.com/nuxt/ui/issues/3934",0.74954253,{"description":3180,"labels":3181,"number":3184,"owner":3144,"repository":3145,"state":3159,"title":3185,"updated_at":3186,"url":3187,"score":3188},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.11.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.8, @nuxtjs/html-validator@1.8.2, @nuxt/image@1.8.1, @nuxt/eslint@0.6.1, @nuxtjs/seo@2.0.0-rc.23\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n\"@nuxt/ui\": \"3.0.0-alpha.8\",\n\n### Reproduction\n\n\u003C!-- layouts/default.vue -->\n\u003Ctemplate>\n \u003Cdiv class=\"container mx-auto\">\n \u003Cu-breadcrumb :items=\"items \" />\n \u003Cslot>\u003C/slot>\n \u003C/div>\n\u003C/template>\n\n\n\u003Cscript lang=\"ts\" setup>\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst items = useBreadcrumbItems({\n schemaOrg: true,\n});\n\u003C/script>\n\n\n### Description\n\nthis will render the breadcrumbs in a \u003Cdiv> with an aria-label, which is a violation of this rule: https://html-validate.org/rules/aria-label-misuse.html\n\n- Rule ID: aria-label-misuse\n- Category: Accessibility\n- Standards: WCAG 2.2 (A)WCAG 2.1 (A)WCAG 2.0 (A)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n ERROR HTML validation errors found for /song/justice-genesis-1\n\ninline\n 129:21990 error \"aria-label\" cannot be used on this element aria-label-misuse\n\n✖ 1 problem (1 error, 0 warnings)\n\nMore information:\n https://html-validate.org/rules/aria-label-misuse.html\n\n```",[3182,3183],{"name":3155,"color":3156},{"name":3141,"color":3142},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.77724093,{"description":3190,"labels":3191,"number":3192,"owner":3144,"repository":3193,"state":3159,"title":3194,"updated_at":3195,"url":3196,"score":3197},"### Environment\n\n- All current versions of Chrome, Firefox, and Edge\n\n### Reproduction\n\n1. Go to the [introduction page](https://nuxt.com/docs/getting-started/introduction)\r\n2. Click on any other page on the left sidebar\r\n3. Click on any section in the right table of contents\r\n4. Go back to the introduction page\r\n\r\n\r\n\n\n### Describe the bug\n\nNo idea what's going on since the Docs repo isn't available yet.\r\n\r\nIn Firefox this throws `\"TypeError: e.value is null\"` while on Chrome/Edge it's `\"TypeError: Cannot read properties of null (reading 'querySelectorAll')\"`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[],1224,"nuxt.com","[Docs] introduction page throws an error after navigation","2023-10-10T14:45:11Z","https://github.com/nuxt/nuxt.com/issues/1224",0.77918357,{"description":3199,"labels":3200,"number":3204,"owner":3144,"repository":3145,"state":3159,"title":3205,"updated_at":3206,"url":3207,"score":3208},"### 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_",[3201,3202,3203],{"name":3168,"color":3169},{"name":3141,"color":3142},{"name":3172,"color":3173},3720,"feat: add toogle for useOverlay","2025-04-09T15:26:14Z","https://github.com/nuxt/ui/issues/3720",0.78537476,{"description":3210,"labels":3211,"number":3214,"owner":3144,"repository":3145,"state":3159,"title":3215,"updated_at":3216,"url":3217,"score":3218},"After many requests from the community (nuxt/ui#187, nuxt/ui#298, nuxt/ui#543, nuxt/ui#850, nuxt/ui#1514, etc.), the goal would be to make `@nuxt/ui` compatible for non-Nuxt apps as a Vite plugin I guess.\r\n\r\nThe minimal features would be to:\r\n\r\n- Run Tailwind CSS vite plugin\r\n- Inject components\r\n- Inject composables\r\n- Use `@iconify/vue` instead of `@nuxt/icon` (we don't need that much complexity I guess)\r\n- Use VueUse https://vueuse.org/core/useDark/#usedark instead of `@nuxtjs/color-mode`\r\n- Make Nuxt specific imports (`#imports`, `#build`, etc.) work\r\n- Make Nuxt specific composables (`useAppConfig`, ~~`useId`~~, etc.) work\r\n- Make theming with `app.config.ts` work in some way",[3212,3213],{"name":3138,"color":3139},{"name":3141,"color":3142},2129,"Vue compatibility","2024-11-21T09:41:35Z","https://github.com/nuxt/ui/issues/2129",0.7946013,{"description":3220,"labels":3221,"number":3222,"owner":3144,"repository":3193,"state":3159,"title":3223,"updated_at":3224,"url":3225,"score":3226},"https://www.figma.com/file/OLlmzoVQ7FSBh4FJJORNpl/nuxt.com?node-id=3737%3A48944",[],368,"`/showcases` page","2023-02-15T12:32:14Z","https://github.com/nuxt/nuxt.com/issues/368",0.7978929,{"description":3228,"labels":3229,"number":3222,"owner":3144,"repository":3230,"state":3159,"title":3231,"updated_at":3232,"url":3233,"score":3226},"",[],"test-utils","detect nuxt.config.ts","2023-12-02T00:13:09Z","https://github.com/nuxt/test-utils/issues/368",{"description":3235,"labels":3236,"number":3241,"owner":3144,"repository":3145,"state":3159,"title":3242,"updated_at":3243,"url":3244,"score":3245},"### Environment\n\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: bun@1.1.24\r\n- Builder: -\r\n- User Config: devtools, modules, eslint, runtimeConfig, site, mdc, image, components, strapi, i18n, vite, routeRules, formkit, compatibilityDate\r\n- Runtime Modules: @nuxtjs/strapi@1.12.0, @nuxt/image@1.8.0, @vueuse/nuxt@10.11.1, @nuxtjs/i18n@8.5.1, @nuxt/eslint@0.3.13, @nuxt/fonts@0.7.2, @nuxtjs/mdc@0.8.3, @formkit/nuxt@1.6.5, nuxt3-vuex-module@1.1.0, nuxt3-interpolation/index.cjs, nuxt-swiper@1.2.2, nuxt-marquee@1.0.4, @nuxtjs/seo@2.0.0-rc.20, @formkit/nuxt@1.6.5, @nuxt/ui@2.18.4\r\n- Build Modules: -\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-dbk9vy?file=app.vue\n\n### Description\n\nEnter transition of sliderover Module not working properly. Instant appearing of elements (with sometimes slight but too quick transitions). Exit transition works fine. \r\n\r\nTried on Chrome, Firefox & Safari on Mac.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3237,3238],{"name":3155,"color":3156},{"name":3239,"color":3240},"upstream","78bddb",2127,"[Slideover/Modal] Enter transition not working","2024-09-20T14:03:47Z","https://github.com/nuxt/ui/issues/2127",0.8009682,["Reactive",3247],{},["Set"],["ShallowReactive",3250],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fpt4O-DuuMnvkhaTwPeieTUnT5jy-yZilQ4zmUGBiQXM":-1},"/nuxt/ui/3902"]