Component styles doesn't work if there is more than one div inside template #105
Description
I am using Preview component with Vue 3. And if I pass this code, there is no styles applied.
<template>
<div class="test">Test</div>
<div class="test2">Test2</div>
</template>
<script setup></script>
<style>
.test {
width: 100px;
height: 100px;
background: red;
}
.test2 {
width: 50px;
height: 50px;
background: green;
}
</style>
What I am getting as a result:
Tried this code also on demo page http://vue-live.surge.sh/, same result:
And what is interesting, if there is only one div inside template, it works:
As I can see after compile there is no scope data attribute applied to dives if there is more than one div inside template
Two dives:
One div:
