\r\n \r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n\r\n```\r\n\u003C!-- /pages/service/interior.vue -->\r\n\u003Ctemplate>\r\n\r\n \u003Cdiv class=\"subpage-container\">\r\n\r\n \u003Cdiv class=\"row page-title\" id=\"interior-title\">\r\n \u003Cdiv class=\"row-content\">\r\n \u003Csection>\r\n \u003Ch1>Page Title\u003C/h1>\r\n \u003C/section>\r\n \u003C/div>\r\n \u003C/div>\r\n \r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cstyle>\r\n#interior-title {\r\n background: url(/img/slider/kitchen-3.webp) no-repeat center;\r\n background-size: cover;\r\n}\r\n\u003C/style>\r\n```\r\n\r\n\r\n\n\n### Describe the bug\n\nThe CSS is embedded twice, relatively the second time\r\n\r\n\u003Cimg width=\"592\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/1007243/2f259936-9abe-4d9a-bee1-be62c63c81bc\">\r\n\r\nThis is breaking the image.\n\n### Additional context\n\nThis might be nuxt-speedkit related given the CSS is in the \u003Chead> TWICE... and the second time is in a \u003Cstyle> block that starts with speedkit fonts...\r\n\r\n\n\n### Logs\n\n_No response_",[2946,2949],{"name":2947,"color":2948},"3.x","29bc7f",{"name":2885,"color":2886},24023,"\"generate\" embeds /public CSS absolute paths on nested routes incorrectly (relatively)","2023-10-30T04:39:40Z","https://github.com/nuxt/nuxt/issues/24023",0.7087846,{"description":2956,"labels":2957,"number":2960,"owner":2870,"repository":2870,"state":2871,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### Environment\n\nNuxi 3.0.0-rc.11 19:06:28\r\nRootDir: /Users/konradstraszewski/WebstormProjects/lendi-b2c 19:06:29\r\nNuxt project info: (copied to clipboard) 19:06:29\r\n\r\n------------------------------\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.14.0`\r\n- Nuxt Version: `3.0.0-rc.11`\r\n- Nitro Version: `0.5.4`\r\n- Package Manager: `npm@8.19.0`\r\n- Builder: `vite`\r\n- User Config: `app`, `ssr`, `experimental`, `postcss`, `nitro`, `css`, `meta`, `modules`, `image`, `unocss`, `publicRuntimeConfig`, `vite`, `nuxtTypedRouter`, `plugins`\r\n- Runtime Modules: `nuxt-typed-router@1.2.2`, `@unocss/nuxt@0.45.22`, `@nuxt/image-edge@1.0.0-27707824.1028381`, `nuxt-jsonld@2.0.5`, `@pinia/nuxt@0.4.1`, `@vueuse/nuxt@8.9.2`, `()`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-w6cj1g-1libb7?file=pages%2Findex.vue\r\n\r\n1. nuxt build && nuxt preview\n\n### Describe the bug\n\nIn production mode i've noticed that scoped css from index.vue are loaded twice. You end up with a inlined CSS in your HTML and also the same CSS is loaded by the CSS chunk from page. You can see that `test-class` added in pages/index is loaded in inlined HTML and also loaded on the end in index.css.\r\n\r\nYou can see this behavior more clearly here: https://qa.lendi.pl/. Let get this blue arrow for example it has `best-offer-arrow` class. It is declared in pages/index.vue. It is loaded inlined (elements -> ctrl + f -> `best-offer-arrow`), and also it's loaded in index.css. It affects performance of the site\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2958,2959],{"name":2947,"color":2948},{"name":2885,"color":2886},14993,"Duplicated inlined css","2023-01-19T17:43:28Z","https://github.com/nuxt/nuxt/issues/14993",0.70983094,{"labels":2966,"number":2970,"owner":2870,"repository":2870,"state":2871,"title":2971,"updated_at":2972,"url":2973,"score":2974},[2967,2968,2969],{"name":2882,"color":2883},{"name":2885,"color":2886},{"name":2867,"color":2868},6119,"CSS style render differ between SSR and SPA","2023-01-22T15:34:44Z","https://github.com/nuxt/nuxt/issues/6119",0.7135112,["Reactive",2976],{},["Set"],["ShallowReactive",2979],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f9igMrbECa4nLBY1CU9nxibSeCuWLWQ62zvNT5P0zzbc":-1},"/nuxt/nuxt/5190"]