\n\u003C/template>\n\n\u003Cstyle scoped>\n.blue { background-color: blue; }\n\u003C/style>\n```\n\n```vue\n// PARENT\n\u003Ctemplate>\n \u003Cdiv>\n \u003CBlueSquare class=\"red\" />\n \u003C/div>\n\u003C/template>\n\n\u003Cstyle scoped>\n.red { background-color: red; }\n\u003C/style>\n```\n\nBoth plain Vue and Vue with SSR have the correct order:\n\n**Vue**\n\u003Cimg width=\"714\" height=\"163\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/fa26e7f4-3f89-4bae-b0b1-1fd19f383a02\" />\n\n**Vue SSR**\n\u003Cimg width=\"601\" height=\"190\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/7e1dc7cc-4b32-4ccc-957c-dd207b7a836d\" />\n\n\nBut in Nuxt, the order is incorrect when built:\n\n**Nuxt**\n\u003Cimg width=\"596\" height=\"85\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/62458e07-886e-4c0b-b569-db6e08805f35\" />\n\n\n---\n\n\nIs this Nuxt related or not?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3158],{"name":3159,"color":3160},"pending triage","E99695",33041,"Incorrect component style order","2025-09-02T22:32:28Z","https://github.com/nuxt/nuxt/issues/33041",0.6317786,{"description":3167,"labels":3168,"number":3173,"owner":3149,"repository":3149,"state":3174,"title":3175,"updated_at":3176,"url":3177,"score":3178},"### Environment\r\n\r\n```\r\nNuxt project info: \r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.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: npm@10.2.3\r\n- Builder: -\r\n- User Config: css, devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n```\r\n\r\n### Reproduction\r\n\r\n[Nuxt 3 repo](https://stackblitz.com/edit/github-qbfhyv) vs [Nuxt 2 repo](https://stackblitz.com/edit/github-4yydwm)\r\n\r\nBoth projects implement an identical structure (layout with header and index page)\r\n\r\nIn each of the reproductions, run the necessary commands to run the project in production mode\r\n- nuxt 3 - `npm run build && npm run preview`\r\n- nuxt 2 - `npm run build && npm run start`\r\n\r\nInspect the HTML code returned by accessing the index page. Notice the `\u003Cstyle>` tag in the `\u003Chead>`\r\n\r\n### Describe the bug\r\n\r\nThe way Nuxt 3 builds and extracts the CSS from the app is inconsistent with Nuxt 2. This can cause complications when migrating an existing Nuxt 2 app.\r\n\r\nIn Nuxt 3, the global styles specified from the nuxt config are injected at the end of the style tag. With Nuxt 2, these were injected at the beginning.\r\n\r\nIn both reproduction repositories, the `@/assets/styles/global.css` file is provided globally. If you inspect the result of the HTML pages (build for production), the contents of that CSS file are placed differently.\r\n\r\n**Follow-up observation** - this might be unrelated, but you will also notice that in the case of Nuxt 3, it is including the styles for both `components/dynamic/One.vue` and `components/dynamic/Two.vue` even though only at render time only `\u003Cdynamic-one />` 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_",[3169,3172],{"name":3170,"color":3171},"3.x","29bc7f",{"name":3159,"color":3160},25393,"closed","Discrepancies in production build styles order (compared to nuxt 2)","2024-01-26T20:16:35Z","https://github.com/nuxt/nuxt/issues/25393",0.6105789,{"labels":3180,"number":3190,"owner":3149,"repository":3149,"state":3174,"title":3191,"updated_at":3192,"url":3193,"score":3194},[3181,3184,3187],{"name":3182,"color":3183},"question","cc317c",{"name":3185,"color":3186},"stale","ffffff",{"name":3188,"color":3189},"2.x","d4c5f9",7979,"nuxt项目部署后,运行一段时间之后会特别的卡顿,渲染很慢,重启以后就很快","2024-08-02T12:12:49Z","https://github.com/nuxt/nuxt/issues/7979",0.6270139,{"labels":3196,"number":3199,"owner":3149,"repository":3149,"state":3174,"title":3200,"updated_at":3201,"url":3202,"score":3203},[3197,3198],{"name":3159,"color":3160},{"name":3188,"color":3189},9911,"Solved: FOUC bug on Nuxt.js production","2023-01-22T15:45:05Z","https://github.com/nuxt/nuxt/issues/9911",0.6278389,{"description":3205,"labels":3206,"number":3209,"owner":3149,"repository":3149,"state":3174,"title":3210,"updated_at":3211,"url":3212,"score":3213},"\u003C!-- 💚 Thanks for your time to make Nuxt better with your feedbacks 💚\r\n\r\n**IMPORTANT** Before reporting a bug:\r\n\r\n- Please make sure that you have read through Nuxt documentation: https://nuxtjs.org\r\n- If issue is related to a module please create the issue in corresponding repository\r\n- Ensure using latest version of nuxt dependencies using `yarn upgrade nuxt` or `npm upgrade nuxt`\r\n\r\n👍 A properly detailed bug report can save a LOT of time and help fixing issues as soon as possible.\r\n-->\r\n\r\n### Versions\r\n\r\n- nuxt: v2.13.0\r\n- node: latest\r\n\r\n### Reproduction\r\n\r\n\u003C!--\r\nLink to a minimal test case based on one of:\r\n- A fork of https://template.nuxtjs.org\r\n- A GitHub repository that can reproduce the bug\r\nWithout a reproduction, it is so hard to address problem :(\r\n-->\r\n\r\n\u003Cdetails open>\r\n\u003Csummary>Additional Details\u003C/summary>\r\n\u003Cbr>\r\n\u003C!-- Attaching `nuxt.config`, dependencies, logs or code snippets would help to find the issue -->\r\n\u003C/details>\r\n\r\n### Steps to reproduce\r\ni import scss in nuxt.config.js where i write transition css, when i open i website and f12, i cant see -webkit- -o- prefix\r\n\r\n### What is Expected?\r\nshould auto add css prefix in style, like vue \r\n\r\n### What is actually happening?\r\nnone css prefix in style",[3207,3208],{"name":3159,"color":3160},{"name":3188,"color":3189},9041,"why not css-prefix","2023-01-22T15:38:48Z","https://github.com/nuxt/nuxt/issues/9041",0.6292743,{"labels":3215,"number":3218,"owner":3149,"repository":3149,"state":3174,"title":3219,"updated_at":3220,"url":3221,"score":3222},[3216,3217],{"name":3159,"color":3160},{"name":3188,"color":3189},9106,"Cf","2023-01-22T15:44:51Z","https://github.com/nuxt/nuxt/issues/9106",0.64072263,{"description":3224,"labels":3225,"number":3232,"owner":3149,"repository":3149,"state":3174,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v16.15.1`\r\n- Nuxt Version: `3.6.5`\r\n- Nitro Version: `2.5.2`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `app`, `runtimeConfig`, `css`, `vite`, `experimental`, `modules`, `build`, `sanity`\r\n- Runtime Modules: `@nuxtjs/sanity@1.8.0`, `@pinia/nuxt@0.4.11`, `nuxt-graphql-client@0.2.29`, `@vueuse/nuxt@10.2.1`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nSee screenshots attached... feel as though they'll clear enough.\n\n### Describe the bug\n\nStyles order set within a template .vue file aren't reflected during a production build (SSG, for example)\r\n\r\n\r\n\r\n\r\nThese above screenshots show the code in the editor as well as what is outputted during local development but in the following screenshots, in production, `font-feature-settings: 'case' on;` is moved to the top.\r\n\r\n\r\n\r\n\r\nAny known reason why this would happen? And if I can resolve?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3226,3227,3228,3229],{"name":3170,"color":3171},{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3230,"color":3231},"🔨 p3-minor","FBCA04",22932,"Styles not always in correct order when in production (SSG)","2023-09-04T11:31:34Z","https://github.com/nuxt/nuxt/issues/22932",0.6407545,{"labels":3238,"number":3241,"owner":3149,"repository":3149,"state":3174,"title":3149,"updated_at":3242,"url":3243,"score":3244},[3239,3240],{"name":3159,"color":3160},{"name":3188,"color":3189},10287,"2023-01-22T15:45:12Z","https://github.com/nuxt/nuxt/issues/10287",0.6429175,{"labels":3246,"number":3249,"owner":3149,"repository":3149,"state":3174,"title":3250,"updated_at":3251,"url":3252,"score":3253},[3247,3248],{"name":3159,"color":3160},{"name":3188,"color":3189},7756,"nuxt.config.js引入scss文件成功,但组件使用@mixin方法报错","2023-01-22T15:36:04Z","https://github.com/nuxt/nuxt/issues/7756",0.64319944,["Reactive",3255],{},["Set"],["ShallowReactive",3258],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fDutfUkb2WO3L5povaF0tB3fiscXD0w_RhIDdygGp05o":-1},"/nuxt/nuxt/9351"]