Привет. Ковыряю vue 3. Очень понравилась новая фишка с возможностью передавать данные в блок со стилями в однофайловых компонентах.
Решил использовать это в своем проекте и что-то пошло не так.
Имеем компонент
export default {
props: {
val: {
type: String,
default: '100px'
}
}
}
И блок стилей
<style vars="{ val }" scoped>
.el {
height: var(--val);
}
</style>
Такая конструкция не работает. В инспекторе к элементу добавляется запись вида style="--f948061a-val:40px;"
Но свойство не применяется, потому что не указан id scoped у css переменной (var(--val)).
Если убрать scoped у style то все работает. Это пофиксили? Раньше вроде бы работало
vue 3.0.0