Passing Variables to CSS on a Vue Component
computed: { myVars() { return { '--my-css-var': value, } } }
then on a component:
<element :style="myVars" />
then in css:
.my-sub-element-selector { prop: var(--my-css-var); }