| \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,"nuxt","fonts","open","Variation Settings not applied in variable fonts","2025-03-23T01:49:12Z","https://github.com/nuxt/fonts/issues/578",0.73445296,{"description":2876,"labels":2877,"number":2881,"owner":2868,"repository":2882,"state":2883,"title":2884,"updated_at":2885,"url":2886,"score":2887},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v22.3.0`\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@1.22.22`\r\n- Builder: `-`\r\n- User Config: `compatibilityDate`, `devtools`, `modules`, `plugins`, `runtimeConfig`, `i18n`\r\n- Runtime Modules: `@nuxt/ui@2.18.4`, `@nuxtjs/i18n@8.5.1`\r\n- Build Modules: `-`\r\n\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-jfdc58?file=app.vue,app.config.ts\n\n### Description\n\n## Description\r\nThe Nuxt UI notification component is currently being created and added to the DOM even when no toast has been triggered. This behavior leads to unintended consequences due to the component's z-index:\r\n\r\nThe notification component occupies part of the screen unnecessarily.\r\nIt overlaps other elements on the page due to its z-index, potentially disrupting the user interface.\r\n\r\n## Expected Behavior\r\nThe notification component should only be created and added to the DOM when a toast is actually triggered.\r\n\r\n## Current Behavior\r\nThe notification component is always present in the DOM, regardless of whether a toast has been triggered or not.\r\n\r\n## Steps to Reproduce\r\n\r\n- Implement the Nuxt UI notification component in a project.\r\n- Inspect the DOM without triggering any toasts.\r\n- Observe that the notification component is present and has a z-index applied.\r\n\r\n## Additional Context\r\nThis issue affects the usability and performance of applications using the Nuxt UI notification component. Resolving it would improve both the user experience and the overall efficiency of the component.\r\n\r\n## Possible Solution\r\nConsider implementing a conditional rendering approach where the notification component is only added to the DOM when it's actually needed (i.e., when a toast is triggered).\r\n\u003Cimg width=\"1427\" alt=\"Screenshot 2024-09-04 at 6 29 00 PM\" src=\"https://github.com/user-attachments/assets/da90352f-71e6-4aaf-9bda-7a9e4a3fd056\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2878],{"name":2879,"color":2880},"bug","d73a4a",2113,"ui","closed","Notification component created even when toast is not triggered, causing z-index issues","2024-11-09T10:24:37Z","https://github.com/nuxt/ui/issues/2113",0.6647109,{"description":2889,"labels":2890,"number":2895,"owner":2868,"repository":2882,"state":2883,"title":2896,"updated_at":2897,"url":2898,"score":2899},"### Environment\n\n### Description\n\nThe `ID` column is not displayed when it is the first element in the columns array and item selection is enabled in the NuxtUI table.\n\n``` js\nconst columns = [\n {\n key: 'id',\n label: 'ID',\n },\n {\n key: 'displayName',\n label: 'Display Name',\n },\n {\n key: 'email',\n label: 'Email',\n }\n]\n```\n\n\n\n### Expected Behavior\n\nThe `ID` column should be displayed correctly regardless of its position in the columns array.\n\n### Workaround\n\nAdding a placeholder column before the `ID` column resolves the issue temporarily.\n\n```js\nconst columns = [\n {\n key: 'placeholder',\n },\n```\n\n\n\n\n### Environment\n\n- NuxtUI Version: 2.20.0\n- Browser: Chrome\n- Operating System: Windows 11\n\n### Version\n\n2.20.0\n\n### Reproduction\n\n### Steps to Reproduce\n\n1. Create a table with item selection enabled.\n2. Set a `ID` column as the first element in the columns array.\n3. Observe that the `ID` column is not displayed.\n",[2891,2892],{"name":2879,"color":2880},{"name":2893,"color":2894},"duplicate","cfd3d7",3040,"Columns [0] Element Does not Display if the Table is Selectable","2025-01-08T10:01:01Z","https://github.com/nuxt/ui/issues/3040",0.6830489,{"description":2901,"labels":2902,"number":2912,"owner":2868,"repository":2882,"state":2883,"title":2913,"updated_at":2914,"url":2915,"score":2916},"### Description\n\nBreadcrumb uses Link (and LinkBase) to implement the item rendering and navigation. Link (through LinkBase) in itself supports `onClick` event/prop. Now, passing `onClick` to the breadcrumb item does not go all the way through to the LinkBase, and thus prevents the fine-grained control of the Breadcrumb component.\n\nThe usage would look something like this:\n```\n\u003Ctemplate>\n \u003CUBreadcrumb :items=\"items\" />\n\u003C/template>\n\u003Cscript setup>\nconst items = [\n { label: \"click for one\", onClick: () => alert(\"1\"), to: \"/one\" },\n { label: \"click for two\", onClick: () => alert(\"2\"), to: \"/two\" },\n]\n\u003C/script>\n```\n\nMy need is to have some secondary effects happening besides the navigation when the user clicks on a breadcrumb item.\n\n### Additional context\n\n_No response_",[2903,2906,2909],{"name":2904,"color":2905},"enhancement","a2eeef",{"name":2907,"color":2908},"v3","49DCB8",{"name":2910,"color":2911},"triage","ffffff",3631,"Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.6937222,{"description":2918,"labels":2919,"number":2926,"owner":2868,"repository":2868,"state":2883,"title":2927,"updated_at":2928,"url":2929,"score":2930},"### Environment\n\n\r\n\u003Cimg width=\"587\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/4695440/bc827ed3-623d-44f0-ba59-3901602754e5\">\r\n\n\n### Reproduction\n\nhttps://github.com/bobby169/nuxt-app-bug\n\n### Describe the bug\n\n\u003Cimg width=\"899\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/4695440/b150b362-4578-4511-b973-ebafe2b9d90d\">\r\n\u003Cimg width=\"1107\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/4695440/d4a52e25-0e82-4906-9e99-4b51b23c28b6\">\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2920,2923],{"name":2921,"color":2922},"3.x","29bc7f",{"name":2924,"color":2925},"pending triage","E99695",26007,"@ant-design-vue/nuxt deps error","2024-03-07T07:17:13Z","https://github.com/nuxt/nuxt/issues/26007",0.70687145,{"description":2932,"labels":2933,"number":2938,"owner":2868,"repository":2882,"state":2883,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nIn my Nuxt 3 project (that uses Nuxt UI `v3.0.0-alpha9`), I have a Vue component like this:\n\n```vue\n\u003Cscript setup lang=\"ts\">\n...\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUContainer class=\"section\">\n ...\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cstyle scoped lang=\"scss\">\n@use \"tailwindcss\";\n\n.section + .section {\n @apply mt-8 lg:mt-12;\n}\n\u003C/style>\n```\n\nThe problem is that `@apply mt-8 lg:mt-12;` doesn't work unless I add this to my `nuxt.config.ts`:\n```\npostcss: {\n plugins: {\n \"@tailwindcss/postcss\": {}, // https://tailwindcss.com/docs/v4-beta#using-post-css\n },\n},\n```\n\nHowever, when I do this, the Nuxt UI components stop working properly (e.g., Slideover renders at the bottom of the page and with wrong styling). How can I make the `@apply ...` work without breaking the Nuxt UI components?\n\nThis is my `package.json`:\n```json\n{\n \"name\": \"frontend\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"postinstall\": \"husky install && nuxt prepare\",\n \"dev\": \"nuxt dev\",\n \"build\": \"nuxt build\",\n \"preview\": \"nuxt preview\"\n },\n \"dependencies\": {\n \"@nuxt/ui\": \"^3.0.0-alpha.9\",\n \"nuxt\": \"latest\",\n \"nuxt-svgo\": \"latest\",\n \"vue\": \"latest\",\n \"vue-router\": \"latest\"\n },\n \"devDependencies\": {\n \"@commitlint/cli\": \"latest\",\n \"@commitlint/config-conventional\": \"latest\",\n \"husky\": \"latest\",\n \"sass\": \"latest\"\n }\n}\n```\n\nThis is my `nuxt.config.ts`:\n```ts\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n compatibilityDate: \"2024-04-03\",\n devtools: { enabled: false },\n modules: [\"@nuxt/ui\", \"nuxt-svgo\"],\n css: [\"@/assets/css/main.css\"],\n // postcss: {\n // plugins: {\n // \"@tailwindcss/postcss\": {}, // https://tailwindcss.com/docs/v4-beta#using-post-css\n // },\n // },\n appConfig: {\n // https://ui3.nuxt.dev/getting-started/theme#colors\n ui: {\n colors: {\n primary: \"primary\", // Defined in `assets/css/theme.css`\n secondary: \"secondary\", // Defined in `assets/css/theme.css`\n },\n },\n },\n});\n```\n\nThis is my `assets/main.css`:\n```css\n/* https://ui3.nuxt.dev/getting-started/installation/nuxt#import-tailwind-css-and-nuxt-ui-in-your-css */\n@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n```",[2934,2937],{"name":2935,"color":2936},"question","d876e3",{"name":2907,"color":2908},2772,"@apply Tailwind CSS class in a component's `\u003Cstyle>` tag","2024-12-09T11:14:28Z","https://github.com/nuxt/ui/issues/2772",0.713589,{"description":2944,"labels":2945,"number":2951,"owner":2868,"repository":2868,"state":2883,"title":2952,"updated_at":2953,"url":2954,"score":2955},"### Environment\n\nI get an error when I run the package\r\n\r\n\u003Cimg width=\"1552\" alt=\"截屏2023-02-27 06 49 39\" src=\"https://user-images.githubusercontent.com/86544347/221442214-29beb35c-51c3-4edd-90c8-e71cb6f0ffe3.png\">\r\n\n\n### Reproduction\n\nI get an error when I run the package\r\n\r\n\u003Cimg width=\"1552\" alt=\"截屏2023-02-27 06 49 39\" src=\"https://user-images.githubusercontent.com/86544347/221442214-29beb35c-51c3-4edd-90c8-e71cb6f0ffe3.png\">\r\n\n\n### Describe the bug\n\nI get an error when I run the package\r\n\r\n\u003Cimg width=\"1552\" alt=\"截屏2023-02-27 06 49 39\" src=\"https://user-images.githubusercontent.com/86544347/221442214-29beb35c-51c3-4edd-90c8-e71cb6f0ffe3.png\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2946,2947,2948],{"name":2921,"color":2922},{"name":2924,"color":2925},{"name":2949,"color":2950},"needs reproduction","FBCA04",19296,"Cannot find `client.manifest.mjs`","2023-03-16T15:52:23Z","https://github.com/nuxt/nuxt/issues/19296",0.72477496,{"description":2957,"labels":2958,"number":2961,"owner":2868,"repository":2868,"state":2883,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Environment\n\nN/A\n\n### Reproduction\n\nvisit any module in https://nuxt.com/modules\n\n### Describe the bug\n\n### (it's in every module, wasn't like this yesterday)\r\n\u003Cimg width=\"847\" alt=\"Screenshot 2022-12-29 at 12 13 39 PM\" src=\"https://user-images.githubusercontent.com/31113245/209986597-44095cc6-64fe-4e82-ba5c-8cdc481984c8.png\">\r\n\u003Cimg width=\"849\" alt=\"Screenshot 2022-12-29 at 12 13 57 PM\" src=\"https://user-images.githubusercontent.com/31113245/209986628-a7470109-e785-44a5-9fe4-a41cdca9ace7.png\">\r\n\n\n### Additional context\n\nI posted the same issue to the modules repo https://github.com/nuxt/modules/issues/533 but got no response so decided I'd try my luck here, sorry if it's the wrong place\n\n### Logs\n\n_No response_",[2959,2960],{"name":2921,"color":2922},{"name":2924,"color":2925},12540,"Bug in Docs Module Overview","2023-01-19T16:06:44Z","https://github.com/nuxt/nuxt/issues/12540",0.72560036,{"description":2967,"labels":2968,"number":2974,"owner":2868,"repository":2882,"state":2883,"title":2975,"updated_at":2976,"url":2977,"score":2978},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.17.0\n- Nuxt Version: -\n- CLI Version: 3.21.1\n- Nitro Version: -\n- Package Manager: bun@1.1.29\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\n- Start a new project with the starter CLI:\n`npx nuxi init -t github:nuxtlabs/nuxt-ui3-vue-starter test-app`\n\n- Install vitest and vue test-utils\n`bun add -D vitest @vue/test-utils`\n\n- Add test script to package.json\n`\"test\": \"vitest\"`\n\n- Run the test script\n\n### Description\n\nI'm encountering a `TypeError` while trying to set up Vitest in my project (Vue). The error message is as follows:\n\n```\nTypeError: Package import specifier \"#imports\" is not defined in package \n/home/xxxx/test-app/node_modules/@nuxt/ui/package.json imported from \n/home/xxxx/test-app/node_modules/@nuxt/ui/dist/runtime/composables/useComponentIcons.js\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nTypeError: Package import specifier \"#imports\" is not defined in package /home/xxxx/test-app/node_modules/@nuxt/ui/package.json imported from /home/xxxx/test-app/node_modules/@nuxt/ui/dist/runtime/composables/useComponentIcons.js\n```",[2969,2970,2971],{"name":2879,"color":2880},{"name":2907,"color":2908},{"name":2972,"color":2973},"vue","42b883",3213,"TypeError when Setting Up Vitest","2025-04-18T08:34:22Z","https://github.com/nuxt/ui/issues/3213",0.7257958,{"description":2980,"labels":2981,"number":2985,"owner":2868,"repository":2986,"state":2883,"title":2987,"updated_at":2988,"url":2989,"score":2990},"## List events list\n\n- [x] Icon must be the number 2 on hover \nn°1\n\nn°2\n\n\n- [x] Author in gray 900 and date in gray 400\n\n\n- [x] Card border radius must be 12px instead of 6px \n\n\n## Modal \n\n- [x] Same as the card, border radius must be 12px, also the video container\n\n- [ ] Card padding must be 32px \n\n\n\n- [ ] Font of the title should be in gray 900 and padding top 32px, 12px to bottom and 32px of font-size\n\n\n- [ ] Color of body text should be gray 600\n\n\n- [ ] More a content issue but, texts should not have 2 h1's \n\n\n\n",[2982],{"name":2983,"color":2984},"design","00bd6f",518,"nuxt.com","[Resources] Live Events UI improvements","2022-05-20T13:19:34Z","https://github.com/nuxt/nuxt.com/issues/518",0.72608477,["Reactive",2992],{},["Set"],["ShallowReactive",2995],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fUI_UmPNzI79-pUFUNGneUDlrJKfGnOUwPAclCd7EFYM":-1},"/nuxt/ui/2953"]