Server Components missing parent's scoped styles

[94726]

Environment

---

• Operating System: Linux
• Node Version: v21.3.0
• Nuxt Version: 3.11.2
• CLI Version: 3.11.1
• Nitro Version: 2.9.6
• Package Manager: pnpm@9.1.4
• Builder: -
• User Config: devtools
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-mwjswz?file=app.vue

Describe the bug

When having a component with scoped styles and a servercomponent within, the servercomponent's root-element won't have the appropriate scopeId to get targeted by the scoped styles

Additional context

With regular components, scoped styles get applied to immediate children.

As packages/nuxt/src/components/runtime/server-components.ts is the immediate component, it probably has to pass it's scopeId down to the NuxtIsland, using getCurrentInstance().vnode.scopeId

Logs

No response

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• github-mwjswz (Open reproduction)