Scoped data attributes aren't passed down to functional components

[Hebilicious]

Environment

Stackblitz :

• Operating System: Linux
• Node Version: v16.14.2
• Nuxt Version: 3.0.0-rc.1
• Package Manager: [email protected]
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

My laptop :

• Operating System: Darwin
• Node Version: v16.14.2
• Nuxt Version: 3.0.0-rc.1
• Package Manager: [email protected]
• Builder: vite
• User Config: modules, css, components, target, generate, experimental, vueuse, runtimeConfig, postcss
• Runtime Modules: @nuxt/[email protected], @intlify/[email protected], @vueuse/[email protected], @unocss/[email protected], @pinia/[email protected]
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-5yttbb?file=pages%2Findex.vue

Describe the bug

The data-attribute of a scoped css parent isn't passed down to functional component styles (ie components created with the h function).
A picture is worth a thousands words :

Additional context

I don't have this issue with my usual vue3 + vite setup, so I assume it's a Nuxt bug ?

Logs

No response

[Hebilicious]

Note that this can be worked around with :deep, just not sure why there's an inconsistency between functional and normal components🤔

[danielroe]

This is Vue behaviour: https://stackblitz.com/edit/github-qwk9ei. Would you raise an upstream bug report at https://github.com/vuejs/core?

[Hebilicious]

This is Vue behaviour: https://stackblitz.com/edit/github-qwk9ei. Would you raise an upstream bug report at https://github.com/vuejs/core?

Ah interesting it seems to be happening on SSR only then.
I don't have this issue with my vitesse setup as it's not using SSR in development mode 🤔
I'll close this, Thanks 🍡

[Hebilicious]

@danielroe should be fixed in vuejs/core@847d7f7