\r\n\r\n \u003C!-- This component also references const exampleStore = useExampleStore() -->\r\n \u003CLazyTestComponent v-if=\"showLazyComponent\"/>\r\n\r\n \u003Cdiv>\r\n \u003Cslot />\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup>\r\n const exampleStore = useExampleStore()\r\n\u003C/script>\r\n```\r\n\r\n```\r\n// components/TestComponent.vue\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"test-component\">\r\n \u003Ch1>This should be red on load\u003C/h1>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\n const exampleStore = useExampleStore()\r\n\u003C/script>\r\n\r\n\u003Cstyle lang=\"postcss\">\r\n .test-component {\r\n color: red;\r\n font-size: 1.2rem;\r\n }\r\n\u003C/style> \r\n```\r\n\r\n```\r\n// components/AnotherComponent.vue\r\n\u003Ctemplate>\r\n \u003Ch1 class=\"another-component\">\r\n This should be blue on load\r\n \u003C/h1>\r\n\u003C/template>\r\n\u003Cstyle lang=\"postcss\">\r\n // these styles are missing onload\r\n .another-component {\r\n color: blue;\r\n }\r\n\u003C/style>\r\n```\r\n\r\n\r\n\r\n### Additional context\r\n\r\nI opened an issue on vuejs/pinia [here](https://github.com/vuejs/pinia/issues/2399) but that was close pretty promptly and I was recommended to open an issue here.\r\n\r\nHappy to assist in any further debugging that might be needed.\r\n\r\nI realise in the basic example I have linked it isn't much of an issue as it is just a simple colour swap. However when there are more or bigger components referenced within a layout and this happens it causes a more significant issue.\r\n\r\nAppreciate any help (or fixes)!\r\n\r\n### Logs\r\n\r\n_No response_",[2971,2972],{"name":2884,"color":2885},{"name":2868,"color":2869},23016,"Nuxt 3 - Referencing a store in a layout and a lazy loaded component stop layout component's styles being inlined on load ","2023-09-05T20:33:30Z","https://github.com/nuxt/nuxt/issues/23016",0.65110403,{"description":2979,"labels":2980,"number":2983,"owner":2874,"repository":2874,"state":2899,"title":2984,"updated_at":2985,"url":2986,"score":2987},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.11.1\r\n- Nuxt Version: 3.10.2\r\n- CLI Version: 3.10.1\r\n- Nitro Version: 2.8.1\r\n- Package Manager: pnpm@8.15.3\r\n- Builder: -\r\n- User Config: devtools, css\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-mz42kv-xsjtzy\n\n### Describe the bug\n\nRun dev server on Windows and refresh the page. The title on the page should always be red but it was actually originally blue:\r\n\r\n\r\n\r\nIt seems that style in `~/assets/style.css`, which is imported by `~/assets/index.css`, is loaded after the initial rendering.\r\n\r\nThis bug totally messed up the layout when my project use a UI library like Vuetify.\r\nVery similar to #25240\n\n### Additional context\n\nCan only be reproduced on Windows + Nuxt 3.10.2\r\nNo such issue on Linux\r\nNo such issue on Windows + 3.10.1\n\n### Logs\n\n_No response_",[2981,2982],{"name":2884,"color":2885},{"name":2868,"color":2869},25860,"[Nuxt 3.10.2] .css file imported by .css is not loaded in the first rendering","2024-02-19T10:45:42Z","https://github.com/nuxt/nuxt/issues/25860",0.65290785,["Reactive",2989],{},["Set"],["ShallowReactive",2992],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$flQn7z4vH9KVD0O9BAmdYctCB2YauzWBLrg_6RsXPHSg":-1},"/nuxt/nuxt/25991"]