\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_",[3098,3101],{"name":3099,"color":3100},"3.x","29bc7f",{"name":3037,"color":3038},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":3108,"labels":3109,"number":3112,"owner":3022,"repository":3022,"state":3023,"title":3113,"updated_at":3114,"url":3115,"score":3116},"### 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_",[3110,3111],{"name":3099,"color":3100},{"name":3037,"color":3038},14993,"Duplicated inlined css","2023-01-19T17:43:28Z","https://github.com/nuxt/nuxt/issues/14993",0.70983094,{"labels":3118,"number":3122,"owner":3022,"repository":3022,"state":3023,"title":3123,"updated_at":3124,"url":3125,"score":3126},[3119,3120,3121],{"name":3034,"color":3035},{"name":3037,"color":3038},{"name":3019,"color":3020},6119,"CSS style render differ between SSR and SPA","2023-01-22T15:34:44Z","https://github.com/nuxt/nuxt/issues/6119",0.7135112,["Reactive",3128],{},["Set"],["ShallowReactive",3131],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f9igMrbECa4nLBY1CU9nxibSeCuWLWQ62zvNT5P0zzbc":-1},"/nuxt/nuxt/5190"]