\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```",[1984,1987,1990],{"name":1985,"color":1986},"bug","d73a4a",{"name":1988,"color":1989},"v3","49DCB8",{"name":1991,"color":1992},"triage","ffffff",3891,"nuxt","ui","open","Almost all tailwind classes are ignored","2025-04-14T14:32:37Z","https://github.com/nuxt/ui/issues/3891",0.72298384,{"description":2002,"labels":2003,"number":2009,"owner":1994,"repository":1995,"state":1996,"title":2010,"updated_at":2011,"url":2012,"score":2013},"### Description\n\ncommand-palette only have leading icon, it would be nice to have Trailing Icon for similar to select-menu like this https://ui.nuxt.com/components/select-menu#trailing-icon\n\n### Additional context\n\n_No response_",[2004,2007,2008],{"name":2005,"color":2006},"enhancement","a2eeef",{"name":1988,"color":1989},{"name":1991,"color":1992},3880,"Trailing Icon for command-palette like select-menu","2025-04-13T19:57:33Z","https://github.com/nuxt/ui/issues/3880",0.8032017,{"description":2015,"labels":2016,"number":2017,"owner":1994,"repository":2018,"state":1996,"title":2019,"updated_at":2020,"url":2021,"score":2022},"## Description\n\nI'm trying to use a **variable font** from Google called Archivo, which has 3 configurable axis. When I try to get a custom \"expanded width\":\n\n```css\nfont-variation-settings: \"wdth\" 125;\n```\n\nThe variation is not being applied.\n\n## Links\n\n- Google Fonts Tester: https://fonts.google.com/specimen/Archivo/tester\n\n## Screenshots\n\n| This is how it should look like: | This is how it looks: |\n|--------|--------|\n| \u003Cimg width=\"450\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/40767aa6-6ffe-4dff-890c-df6534a5b904\" /> | \u003Cimg width=\"403\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/de628eac-77c1-4994-9986-bdf53b5f3dad\" /> |\n\n## Reproduction\n\n- Stackblitz: https://stackblitz.com/edit/github-yzt752qo?file=nuxt.config.ts,tailwind.config.js\n\nApparently, it's not reproducible in Stackblitz: https://github.com/nuxt/fonts/issues/438#issuecomment-2560376071\n\nHopefully, the Stackblitz is enough to demonstrate the issue, thought.",[],578,"fonts","Variation Settings not applied in variable fonts","2025-03-23T01:49:12Z","https://github.com/nuxt/fonts/issues/578",0.8037446,{"description":2024,"labels":2025,"number":2028,"owner":1994,"repository":1995,"state":1996,"title":2029,"updated_at":2030,"url":2031,"score":2032},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.9.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.3\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, nuxt-svgo@4.0.9, @pinia/nuxt@0.9.0, pinia-plugin-persistedstate/nuxt, @nuxtjs/i18n@9.1.0, nuxt-jsonld@2.1.0, @nuxtjs/robots@5.0.0, nuxt-gtag@3.0.2, @sentry/nuxt/module@8.42.0, nuxt-time@1.0.3, @nuxt/eslint@0.7.2\n- Build Modules: -\n\n\n### Version\n\nv2.19.2\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-ncxoznzw\n\n### Description\n\nIf you define your own color for tailwinds, and attempt to use it on a UButton component with the link variant, it will not work and give the following error:\n\n```\n500\nvariant?.replaceAll is not a function\n\nat ComputedRefImpl.fn (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@nuxt+ui@2.19.2_vite@6.0.3_vue@3.5.13/node_modules/@nuxt/ui/dist/runtime/components/elements/Button.js:142:18)\nat refreshComputed (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=177a248a:353:29)\nat get value (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=177a248a:1558:5)\nat unref (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=177a248a:1431:29)\nat Object.get (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=177a248a:1437:64)\nat Object.get (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=177a248a:3099:26)\nat Proxy._sfc_render (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@nuxt+ui@2.19.2_vite@6.0.3_vue@3.5.13/node_modules/@nuxt/ui/dist/runtime/components/elements/Button.js:199:17)\nat renderComponentRoot (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=177a248a:6521:16)\nat hydrateSubTree (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=177a248a:5309:32)\nat ReactiveEffect.componentUpdateFn [as fn] (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=177a248a:5334:13)\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2026,2027],{"name":1985,"color":1986},{"name":1991,"color":1992},2860,"[UButton] Using a custom color on the link variant causes an error","2025-02-06T03:16:14Z","https://github.com/nuxt/ui/issues/2860",0.808691,{"description":2034,"labels":2035,"number":2040,"owner":1994,"repository":1995,"state":1996,"title":2041,"updated_at":2042,"url":2043,"score":2044},"### Description\n\nI am using the Nuxt UI playground template from [here](https://codesandbox.io/p/sandbox/cranky-swartz-54zg6c). \n\nAfter running `pnpm build`, I noticed that `.output/server/node_modules/reka-ui/dist` contains many unused components. How can I configure it to tree-shake these unused components after the build?",[2036,2039],{"name":2037,"color":2038},"question","d876e3",{"name":1988,"color":1989},3376,"How can I tree-sake reka-ui?","2025-02-22T10:09:54Z","https://github.com/nuxt/ui/issues/3376",0.81098795,{"description":2046,"labels":2047,"number":2048,"owner":1994,"repository":2049,"state":2050,"title":2051,"updated_at":2052,"url":2053,"score":2054},"### 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","closed","[Docs] introduction page throws an error after navigation","2023-10-10T14:45:11Z","https://github.com/nuxt/nuxt.com/issues/1224",0.7927852,{"description":2056,"labels":2057,"number":2062,"owner":1994,"repository":1995,"state":2050,"title":2063,"updated_at":2064,"url":2065,"score":2066},"### 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_",[2058,2059],{"name":1985,"color":1986},{"name":2060,"color":2061},"upstream","78bddb",2127,"[Slideover/Modal] Enter transition not working","2024-09-20T14:03:47Z","https://github.com/nuxt/ui/issues/2127",0.797885,{"description":2068,"labels":2069,"number":2074,"owner":1994,"repository":1995,"state":2050,"title":2075,"updated_at":2076,"url":2077,"score":2078},"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",[2070,2073],{"name":2071,"color":2072},"feature","A27AF6",{"name":1988,"color":1989},2129,"Vue compatibility","2024-11-21T09:41:35Z","https://github.com/nuxt/ui/issues/2129",0.79920155,{"description":2080,"labels":2081,"number":2085,"owner":1994,"repository":1995,"state":2050,"title":2086,"updated_at":2087,"url":2088,"score":2089},"### 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_",[2082,2083,2084],{"name":2005,"color":2006},{"name":1988,"color":1989},{"name":1991,"color":1992},3720,"feat: add toogle for useOverlay","2025-04-09T15:26:14Z","https://github.com/nuxt/ui/issues/3720",0.8018075,{"description":2091,"labels":2092,"number":2095,"owner":1994,"repository":1995,"state":2050,"title":2096,"updated_at":2097,"url":2098,"score":2099},"### 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```",[2093,2094],{"name":1985,"color":1986},{"name":1988,"color":1989},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.80204594,["Reactive",2101],{},["Set"],["ShallowReactive",2104],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"pt4O-DuuMnvkhaTwPeieTUnT5jy-yZilQ4zmUGBiQXM":-1},"/nuxt/ui/3902"]