upgrade to rc10,page styles cannot use in another page

Environment

• Operating System: Windows_NT
• Node Version: v16.16.0
• Nuxt Version: 3.0.0-rc.9
• Nitro Version: 0.5.3
• Package Manager: npm@8.6.0
• Builder: vite
• User Config: builder, experimental, runtimeConfig, css, app, nitro
• Runtime Modules: -
• Build Modules: -

Reproduction

rc8 : https://stackblitz.com/edit/github-crzvsj?file=nuxt.config.ts,app.vue rc10: https://stackblitz.com/edit/github-vuepdp?file=pages%2FpageB.vue,pages%2FpageA.vue,pages%2Findex.vue

Describe the bug

under rc8 i can use pageA style on pageB,but under rc10 can not . it seemed before rc9 page and compoent preload everywhere. is there any way to use style cross page?

Additional context

No response

Logs

No response

[danielroe]

For now, you can workaround by setting experimental.inlineSSRStyles to false.

I’m closing this issue as pages shouldn’t rely on styles defined in other pages - they are meant to be separate.

@g4w3l if you get a chance, I’d be very grateful of that new issue + reproduction…

[lukaszflorczak]

IMO the approach as shown in the example is incorrect and insecure.

If you have global styles keep them separate and load in nuxt.config.ts:

export default defineNuxtConfig({
  css: [
    '@/assets/styles/global.scss',
  ],
})

If you have some shared styles for page layout – create a component-wrapper with slots (or use layouts) and put styles inside.