Photo by Maik Jonietz on Unsplash

How to Use Vue CSS Variables — Reactive Styles RFC

The Single File Component Styles RFC gives us Vue developers a way to use a component’s reactive data as CSS variables.

In just one simple syntax, we can update styles at runtime in Vue 3.

This proposed change takes full advantage of CSS variables, which most modern browsers support, and Vue 3’s reactivity library. Combining the two gives us an easy…