I’m using the vue.js composition and I have a dynamic background color that changes, however, no matter what I try I cannot get it to change, even in a computed property. Although the {{ themeColor }} renders on the page and in the dom, the actual background color does not change…..Can anyone help?

Does not work

<div :class="`bg-${themeColor}-500 h-full`">
    I want to show a dynamic color
</div>

Does not work either

const acolor = ref('bg-'+themeColor+'-500 h-full');
const bcolor = ref(`bg-${themeColor}-500 h-full`);