\r\n \u003C/button>\r\n\u003C/template>\r\n\r\n\u003Cstyle module>\r\n.root {\r\n display: flex;\r\n background-color: black;\r\n}\r\n.title {\r\n color: rgb(51, 48, 211);\r\n}\r\n\u003C/style>\r\n```\r\n```ts\r\nexport default defineNuxtConfig({\r\n extends: [\"our-same-layer\"],\r\n});\r\n```\r\n\u003Cimg width=\"1641\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/52721424/37b8fd5c-40bf-40a2-9178-c7dbb6a8c2dd\">\r\n\r\n### But if we run only layer, we get the correct result\r\n\u003Cimg width=\"1643\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/52721424/dbfb15e0-5180-43b1-8b07-76a86bb445f4\">\r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nDuplicate stylesheet in dev when using Nuxt Layer..\r\n### Additional context\r\n\r\nI tested pure css, it's reproduced on css module and pure css\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cbutton class=\"root\">\r\n \u003Cspan class=\"title\">TEST\u003C/span>\u003Cslot />\r\n \u003C/button>\r\n\u003C/template>\r\n\r\n\u003Cstyle>\r\n.root {\r\n display: flex;\r\n background-color: black;\r\n}\r\n.title {\r\n color: rgb(51, 48, 211);\r\n}\r\n\u003C/style>\r\n```\r\n\u003Cimg width=\"1642\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/52721424/422ddc69-a372-4255-a7a0-b33fdf99c54a\">\r\n\r\n### Logs\r\n\r\n_No response_",[2940,2941,2942,2944],{"name":2899,"color":2900},{"name":2868,"color":2869},{"name":2943,"color":2904},"🔨 p3-minor",{"name":2945,"color":2946},"layers","006B75",22658,"Duplicate stylesheet in dev when using Nuxt Layer","2023-09-11T13:39:19Z","https://github.com/nuxt/nuxt/issues/22658",0.6532636,{"description":2953,"labels":2954,"number":2960,"owner":2877,"repository":2877,"state":2879,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v18.17.0\r\n- Nuxt Version: 3.10.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@9.6.7\r\n- Builder: -\r\n- User Config: devtools, postcss, css\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nCheck out this commit, run `npm run dev` and add pairs:\r\n\r\nhttps://github.com/mktcode/trading-assistant/commit/0ef592d39133d7af8030331b894a95727af117d9\r\n\r\nThe second pair has wrong classes. It's missing the classes of the wrapper div and the button is blue instead of red.\r\nIf you remove the PairSelect component or wrap it in another element, it fixes the display issue. So it has something to do with it. But what?\r\n\r\n### Describe the bug\r\n\r\n\r\n\r\nFor some reason classes aren't applied correctly in this v-for loop of a custom component. If it was the first or last element I could think of a reason but the second element just weirdly not having the classes.... I'm a bit puzzled. Maybe it's because it's monday but maybe it's because of Nuxt doing something weird? Idk. Maybe it's not even nuxt but Vue itself.\r\n\r\n\r\n\r\nIt's always the second div that takes the classes of the select component.\r\n\r\nIt is because the v-for is not wrapped in it's own parent element but I think I never had such a weird issue with that.",[2955,2956,2957],{"name":2899,"color":2900},{"name":2888,"color":2889},{"name":2958,"color":2959},"upstream","E8A36D",25626,"Tailwind classes missing in v-for loop.","2024-02-05T11:55:12Z","https://github.com/nuxt/nuxt/issues/25626",0.65683836,{"description":2966,"labels":2967,"number":2973,"owner":2877,"repository":2877,"state":2879,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v20.13.1`\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.6.0`\r\n- Builder: `-`\r\n- User Config: `css`, `vite`, `compatibilityDate`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://github.com/benjamincanac/nuxt-tailwindcss4\n\n### Describe the bug\n\nI'm creating an issue here as I've tried with Vue/Vite without any issue, so it might be related to Nuxt.\r\n\r\nWhen `ssr` is enabled and running `nuxt build` + `node .output/server/index.mjs`, we can see the Tailwind CSS styles are missing.\n\n### Additional context\n\nTo make this work in dev mode, we need to set `vite` resolution to `5.2.4` for some reason.\n\n### Logs\n\n_No response_",[2968,2969,2972],{"name":2888,"color":2889},{"name":2970,"color":2971},"vite","3574D1",{"name":2958,"color":2959},28382,"Tailwind CSS `v4.0.0-alpha` styles missing on build with Vite plugin","2024-09-10T20:14:51Z","https://github.com/nuxt/nuxt/issues/28382",0.6589783,{"description":2979,"labels":2980,"number":2984,"owner":2877,"repository":2877,"state":2879,"title":2985,"updated_at":2986,"url":2987,"score":2988},"### Environment\r\n\r\nNuxi 3.0.0-rc.9 14:05:20\r\nRootDir: C:/Websites/songuessr 14:05:23\r\nNuxt project info: 14:05:23\r\n\r\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.17.0`\r\n- Nuxt Version: `3.0.0-rc.9`\r\n- Nitro Version: `0.5.1`\r\n- Package Manager: `npm@8.18.0`\r\n- Builder: `vite`\r\n- User Config: `typescript`, `target`, `modules`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@5.3.2`\r\n- Build Modules: `-`\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/harvanchik/songuessr\r\n\r\n### Describe the bug\r\n\r\nWhen running `nuxt dev`, the styles **are working** as expected. However, when deploying to GitHub Pages, the CSS is not even included in the `\u003Chead>` in the HTML. The page is completely unstyled.\r\n\r\n\r\n\r\nI am using [Nuxt Tailwind](https://tailwindcss.nuxtjs.org/) for the CSS. I am following Nuxt's [suggested GitHub Pages deployment method](https://nuxtjs.org/deployments/github-pages/#github-actions): GitHub Actions. I've done a lot of searching to see if anyone has resolved this issue, and have to yet find anything that works.\r\n\r\n### Additional context\r\n\r\nThis is a for a school project, so I need help ASAP. Thank you!\r\n\r\n### Logs\r\n\r\n_No response_",[2981,2982,2983],{"name":2899,"color":2900},{"name":2888,"color":2889},{"name":2903,"color":2904},14836,"Tailwind CSS not included in `\u003Chead>` in HTML in Production (GitHub Pages)","2023-01-19T17:41:08Z","https://github.com/nuxt/nuxt/issues/14836",0.65910864,["Reactive",2990],{},["Set"],["ShallowReactive",2993],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fAg1k0W6XpK7LaeP7sqeosxkQZiq7uHpC5n5dy2NhRg8":-1},"/nuxt/ui/4049"]