Vue version

3.3.4

Link to minimal reproduction

https://play.vuejs.org/#eNrtVMFu2zAM/RVWGJAOqK1Dd/KcIMV23z7AF8emE82yJEh0giHIv4+SndXJ0O2way+GKfLxUST1zuLFufw4oihEGRqvHEFAGt2mMmpw1hOcwWMHF+i8HWDFoavKAMzOrzjY2ZPLaMRcHFCZxppAYHtYR/xjV+uAHytTyomF87NBODhdE7IFUO5GImtg22jV9OtKJPCD7SuxCSdFzaGUU0gMLxN1o+sQ1qu9x5pWUNgJVgmQHFPKRX42A/3UCKGxDtvEmCccnOM/wPTd1U2/93Y0bcGFt5/j6SXVHdEb8SSmq2dD7fIfwRruXEpQzY5QieJ3SsHtiHYlDkQuFFKOxvX7vLGD3LJP+tGQGjBr7bB9zp/zT7JVgZbHOYYh23l7CuiZsBJPi9ySD4/oM4+mRY/+r1x3sUu+O9cfnHMXLnz965Tjxiz7S+VDlgEw24CG4MB54KS0Buw6bAjocO09KMNeRQBZFsf0xQ4OjpnqrsM7ZjtlWrY+1ESe6dO0Dqi1TYsiI+K/ON+R/0Jym+e5IL/cN0YCcLJetzdDuXl1N5oCujZ7ThGfSIIvhCRxXYUkGrOQTEEtdsrgN0eKVeVxflxzvS+xngKSwKQ1ZZV5xXz31oVyRti+gJ21GusUcdk8LhWJd/tKfLfbZauOqWBlgmoTSxm0paQy8eqT/+2bb15JLr8Apv7ZNA==

Steps to reproduce

sfc playground

What is expected?

when click the switch button, the background should be the same color. but when i add some comment before.v-if directived component. the bg color will not be effected by the scoped class 'great'.

What is actually happening?

add the comment before first child component.

System Info

vue 3.3.4

Any additional comments?

No response

It changes color no matter is comment there or not

It changes color no matter is comment there or not

The root cause is the scopeId is missing