` is rendered. Nuxt 2 correctly only includes the styles from `One.vue`.\r\n\r\nIf unrelated (and is considered to be an issue) i am happy to open a separate report.\r\n\r\n### Additional context\r\n\r\nWe are in the process of migrating our Nuxt 2 app to Nuxt 3 and are running into multiple complications - this is one of them.\r\n\r\nIn the case of developing an app from scratch this would not be an issue because it would inform the development style.\r\n\r\nHowever, in our case some of the global styles get overridden by rules at the component level. The new order in Nuxt 3 causes this to break.\r\n\r\n### Logs\r\n\r\n_No response_",[2031,2032],{"name":2015,"color":2016},{"name":2004,"color":2005},25393,"Discrepancies in production build styles order (compared to nuxt 2)","2024-01-26T20:16:35Z","https://github.com/nuxt/nuxt/issues/25393",0.6881493,{"description":2039,"labels":2040,"number":2048,"owner":1994,"repository":1994,"state":2023,"title":2049,"updated_at":2050,"url":2051,"score":2052},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v20.9.0\r\n- Nuxt Version: 3.9.3\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: yarn@1.22.19\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n**!!! It only appears in production mode. Run** `yarn build && yarn preview`\r\n\r\nhttps://codesandbox.io/p/devbox/affectionate-lederberg-vz2xsy\r\n\r\n### Describe the bug\r\nWhen a component is used across multiple pages, the styles associated with that component do not appear as inline styles. This issue arises because these components are likely candidates for quick loading. For instance, I have an icon component that appears on every page. From a performance perspective, it's crucial to load the styles from this component as soon as possible, similar to critical CSS. In a real application, there may be components responsible for establishing the page layout, and they should ideally be loaded as soon as possible.\r\n\r\nIn reproduction, you'll notice that the \"IconComponent\" turns red once the styles from the file are applied. This delay increases the First Contentful Paint (FCP). Those styles should be loaded as critical css (which worked that way in nuxt 2).\r\n\r\n\r\n\r\nHowever, if you delete the `test.vue` page, the styles from the \"IconComponent\" are added as inline CSS.\r\n\r\n\r\n\r\nIs this behavior expected? Is there a method to enforce inline styles for certain components?\r\n\r\nCould this issue be related to https://github.com/nuxt/nuxt/issues/22507 ?\r\n\r\n### Additional context\r\n\r\nEven when I add this component as suggested here https://github.com/nuxt/nuxt/issues/22507#issuecomment-1757833275\r\nThose styles are still not included as inline.\r\nhttps://codesandbox.io/p/devbox/gifted-noyce-j3rncx\r\n\r\n\r\n\r\n\r\n### Logs\r\n\r\n_No response_",[2041,2042,2043,2044,2045],{"name":2015,"color":2016},{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2020,"color":2021},{"name":2046,"color":2047},"inline styles","68AF97",25420,"missing important inline styles from components used across multiple pages","2024-01-28T21:27:14Z","https://github.com/nuxt/nuxt/issues/25420",0.70378196,{"description":2054,"labels":2055,"number":2063,"owner":1994,"repository":1994,"state":2023,"title":2064,"updated_at":2065,"url":2066,"score":2067},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.2.0\r\n- Nuxt Version: 3.6.0\r\n- Nitro Version: 2.5.1\r\n- Package Manager: yarn@1.22.19\r\n- Builder: vite\r\n- User Config: $production, css, runtimeConfig, vue, typescript, modules, nitro, vite\r\n- Runtime Modules: @nuxtjs/google-fonts@3.0.1, nuxt-jsonld@2.0.8\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/custom-fonts?file=app.vue\r\n\r\nRun\r\n\r\n```\r\n$ npm run build\r\n$ node .output/server/index.mjs\r\n```\r\n\r\n### Describe the bug\r\n\r\nWhen I reference a custom font in a CSS file, it works in the development environment. However, when I build the project for production, it appears that the font is not included in the production build.\r\n\r\nNote this problem only occurs in the newest Nuxt release, version 3.6\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2056,2057,2060],{"name":2015,"color":2016},{"name":2058,"color":2059},"workaround available","11376d",{"name":2061,"color":2062},"❗ p4-important","D93F0B",21784,"Fonts are not included in production build","2023-06-26T12:31:28Z","https://github.com/nuxt/nuxt/issues/21784",0.71571094,{"description":2069,"labels":2070,"number":2072,"owner":1994,"repository":1994,"state":2023,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.13.1`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `yarn@3.3.1`\r\n- Builder: `vite`\r\n- User Config: `imports`, `typescript`, `ssr`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/kanopa/nuxt-framework-issue\r\n\r\n### Describe the bug\r\n\r\nWhen the component is reused on the error page, the styles are loaded only on the client side. In my case i use CustomComponent in index page and error page. The bug can only be reproduced with the build of the project, everything works fine in developer mode.\r\n\r\nhttps://user-images.githubusercontent.com/42976537/211109484-0a2223a9-c2b7-4c36-a0c1-fb0954ac3ab4.mov\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2071],{"name":2004,"color":2005},12367,"Incorrect loading styles on custom error page","2024-09-17T13:35:15Z","https://github.com/nuxt/nuxt/issues/12367",0.716917,{"description":2078,"labels":2079,"number":2081,"owner":1994,"repository":2082,"state":2023,"title":2083,"updated_at":2084,"url":2085,"score":2086},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.12.0`\n- Nuxt Version: `3.15.1`\n- CLI Version: `3.20.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `pnpm@9.15.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `devtools`, `modules`\n- Runtime Modules: `@nuxt/ui@2.20.0`\n- Build Modules: `-`\n\n### Version\n\n2.20.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-jxcmyybr?file=app.vue\n\n### Description\n\nAfter looping though all items in useAppConfig().ui.colors, i get a false-positive error after assigning the item to a UBadge's color property, the color is still applied.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nType 'string' is not assignable to type 'BadgeColor | undefined'.ts-plugin(2322)\nBadge.vue.d.ts(217, 5): The expected type comes from property 'color' which is declared here on type 'Partial\u003C{ size: BadgeSize; class: any; ui: { base?: string | undefined; rounded?: string | undefined; font?: string | undefined; size?: DeepPartial\u003C{ xs: string; sm: string; md: string; lg: string; }, any> | undefined; ... 4 more ...; default?: DeepPartial\u003C...> | undefined; } & { ...; } & { ...; }; ... 7 more ...; t...'\n(property) color?: BadgeColor | undefined\n```",[2080],{"name":1985,"color":1986},3077,"ui","Type 'string' is not assignable to type 'BadgeColor | undefined'.ts-plugin(2322)","2025-01-13T16:33:02Z","https://github.com/nuxt/ui/issues/3077",0.71697295,{"description":2088,"labels":2089,"number":2094,"owner":1994,"repository":1994,"state":2023,"title":2095,"updated_at":2096,"url":2097,"score":2098},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v18.16.0\r\n- Nuxt Version: 3.4.3\r\n- Nitro Version: 2.3.3\r\n- Package Manager: npm@9.6.5\r\n- Builder: vite\r\n- User Config: srcDir, ssr, modules, dir\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nMinimal repro: https://stackblitz.com/edit/nuxt-starter-ycw6ts\n\n### Describe the bug\n\nThe output order between \u003Clink rel=\"stylesheet\"> in template and \u003Cstyle> in component is different between SSR=true and SSR=false. \r\n\r\nFor example the following App.vue: \r\n```\r\n\u003Ctemplate>\r\n...\r\n\u003CHead>\r\n\u003CLink id=\"theme-link\" rel=\"stylesheet\" href=\"/public.css\" /> NOTE: the reason I use Link here is that later in the code I can use id to dynamically change this public.css's location. \r\n...\r\n\u003C/template>\r\n\u003Cstyle src=\"@/assets/override.scss\" />\r\n```\r\nMy expectation would be override.scss content has to happen after public.css since override.scss could be overriding stuff from public.css. I have noticed that when SSR=true, the order is expected. But when I set SSR=false, the override.scss content actually is before public.css. \r\n\r\nMinimal Repro Link is here: https://stackblitz.com/edit/nuxt-starter-ycw6ts (button is blue when SSR=true, but is red when SSR=false)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2090,2091,2092,2093],{"name":2015,"color":2016},{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2020,"color":2021},20662,"CSS Loading Order Inconsistent (SSR vs no SSR)","2024-03-11T18:15:45Z","https://github.com/nuxt/nuxt/issues/20662",0.7175781,{"description":2100,"labels":2101,"number":2104,"owner":1994,"repository":1994,"state":2023,"title":2105,"updated_at":2106,"url":2107,"score":2108},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.20.0\r\n- Nuxt Version: 3.6.3\r\n- Nitro Version: 2.5.2\r\n- Package Manager: npm@9.4.2\r\n- Builder: vite\r\n- User Config: experimental, components\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-ngduht?file=nuxt.config.ts\r\n\r\n### Describe the bug\r\n\r\nI have a strange behaviour on my project, I was able to reproduce it in a lighter environment.\r\n\r\nSome components style are inline by the server, while others are not.\r\n\r\nI can't figure out why :man_shrugging: \r\n\r\nWhen my component is not in lazy (TopBanner) i don't get style on the server \r\n\r\n\r\nWhen i add `Lazy` prefix, my component is rendered as expected, but on my larger project `Lazy` prefix doesn't change anything. And act like a css flickering...\r\n\r\nHow Vite/Nitro decide which style is inline ? :thinking: \r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2102,2103],{"name":2015,"color":2016},{"name":2004,"color":2005},22215,"Strange behaviour with inline style","2024-06-15T22:30:42Z","https://github.com/nuxt/nuxt/issues/22215",0.7198815,["Reactive",2110],{},["Set"],["ShallowReactive",2113],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"XGRdozzRhM08lnt9KPgzVWC5hj6Gio8BuxCjH6aid9Q":-1},"/nuxt/ui/2150"]