search

vuejs / vue-loader

📦 Webpack loader for Vue.js components
MIT License
4.99k stars 915 forks source link

v17.3 breaks v-bind #2061

Closed morganarnel closed 1 year ago

morganarnel commented 1 year ago

I've found that after updating to version 17.3 any usage of v-bind(...) within in-component styling is broken. The CSS variable is correctly applied to the parent element in the DOM but the actual v-bind(...) is not replaced (see screenshot).

image

Reverting to 17.0 fixed this issue.

Vue Version: 3.3.4 Sass Loader Version: 13.3.2

haoqunjiang commented 1 year ago

Could you please provide a minimal reproduction of this issue?

amagne1 commented 1 year ago

I have the same issue.

I think this is caused by this feature : #2053

When you use v-bind inside a normal style (unscoped) like this : <style lang="scss"> --my-css-var: v-bind(color); </style>

If I add "scoped" to style, it's working (except I need this style not scoped :p )

Reverting to 17.2.2 fixed this issue.