\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_",[2079,2080],{"name":2010,"color":2011},{"name":1985,"color":1986},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.6505466,{"description":2087,"labels":2088,"number":2093,"owner":1991,"repository":1991,"state":2025,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### Environment\n\nNuxt: 3.11\r\nBundler: vite\r\nCss Preprocessor: less\n\n### Reproduction\n\nCreatea a brand new project, 2 layouts, several pages*.server.vue. All of the layouts / pages should have styles inside. After building the project, going to a single layout -> page, all of the styles of all pages /layouts are being delivered.\r\n\n\n### Describe the bug\n\nUsing Nuxt 3 SSR mode, with all pages being .server.vue deliveres by default inline styles only. \r\n\r\nThis issue is whenever we add:\r\n\r\n` vite: {\r\n build: {\r\n cssCodeSplit: false,\r\n },\r\n }\r\n ` \r\n With this config and .server.vue, there is a single styles.css file delivered, which contains all of the styles withing pages/ pages*.server.vue. \r\nI also have /layouts folder, it also combines all of the styles from the layouts. \r\n\r\nSo the styles.css file, contain a lot of unused and conflicting styles. Before, with nuxt 2/ webpack I didn't have those issues at all. I was using inline styles and only the needed ones were delivered.\r\n\r\n\r\nThere is also an issue with the inlined-styles on the child components, which are using typescript. https://github.com/nuxt/nuxt/issues/25923 \r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2089,2090,2092],{"name":1985,"color":1986},{"name":2091,"color":2020},"needs reproduction",{"name":1988,"color":1989},26987,"All pages styles are being bundled and delivered","2024-09-17T13:52:57Z","https://github.com/nuxt/nuxt/issues/26987",0.65191907,{"description":2099,"labels":2100,"number":2104,"owner":1991,"repository":1991,"state":2025,"title":2105,"updated_at":2106,"url":2107,"score":2108},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v20.8.0\r\n- Nuxt Version: 3.10.1\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.1.0\r\n- Builder: -\r\n- User Config: app, debug, sourcemap, router, runtimeConfig, build, experimental, vite, typescript, css, modules, devtools, plugins, image, viewport, BASE_API_URL\r\n- Runtime Modules: @nuxt/image@1.3.0, @nuxtjs/partytown@1.4.0, @vueuse/nuxt@10.7.2, nuxt-jsonld@2.0.8, nuxt-viewport@2.1.4, sitis-nuxt-3/dist\r\n- Build Modules: -\r\n\r\n\r\n### Reproduction\r\n\r\n-\r\n\r\n### Describe the bug\r\n\r\nStylesheets are not included on the backend during production builds if the project uses layouts. If the contents of layouts are transferred to app.vue everything works as expected. The problem appeared since version 3.10\r\nThis is the content of app.vue\r\n\r\n\r\n\r\nThis is the content of layouts\r\n\r\n\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_",[2101,2102,2103],{"name":2010,"color":2011},{"name":1985,"color":1986},{"name":2091,"color":2020},25690,"Style sheets are not included on the server side during production builds","2024-02-14T10:49:14Z","https://github.com/nuxt/nuxt/issues/25690",0.65225726,["Reactive",2110],{},["Set"],["ShallowReactive",2113],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"lQn7z4vH9KVD0O9BAmdYctCB2YauzWBLrg_6RsXPHSg":-1},"/nuxt/nuxt/25991"]