Tengo algunos problemas para importar la variable scss en mi aplicación Vue 3. Tengo una variable global definida en colores como $some-class-danger o $some-class-success .

Por lo tanto, necesitaría importar solo $some-class y agregar dinámicamente la propiedad de peligro o éxito.

Así que por ahora tengo algo como:

 <style scoped lang="scss"> @import "@/scss/variables/variables"; .drop-color{ color: $some-class-danger; } </style>

Entonces esto funciona, pero necesito que tenga v-bind (etiqueta) y se vea así:

 <style scoped lang="scss"> @import "@/scss/variables/variables"; .drop-color{ color: $some-class- v-bind(label); } </style>

pero no funciona de esa manera, ¿alguna idea de cómo solucionarlo?