estoy intentando emplear un sistema de temas en mi proyecto. Sucede que quiero manejar un composable que me devuelva el tema y llamar a mi clase dinámica. Mi problema es que el elemento HTML recibe la etiqueta, pero Tailwind no reacciona.
<!-- temaActual recibo los valores 'Empresa1', 'Empresa2', 'Empresa3' -->
<div :class="`bg-sidebar-${temaActual}`">
<sidebar />
</div>
Pienso que es un problema con los ciclos de vida de Vue/Tailwind puesto a que si dejo en caché o llamo a la clase en otro componente, esta si carga correctamente.
<div class="bg-sidebar-Empresa1 bg-sidebar-Empresa2 bg-sidebar-Empresa3"></div>
<div :class="`bg-sidebar-${temaActual}`">
<sidebar />
</div>
[/^bg-sidebar-/]
-> matchea todo lo que empiece con "bg-sidebar-" o mas generico para tu ejemplo/-Empresa\d+$/
-> termina con-Empresa
+un número