Use color stored in data/props?

[cssagogo]

I'm trying to use a value stored in data() for the color used. I'm trying to do something like this. I'm a bit new to Vue, so not sure if its a syntax issue or if v-ripple does not support this...

I have different color

data() {
return {
rippleColor: 'rgba(0, 255, 255, 0.35)'
}
}

[cannap]

i have the same problem with computed
i tried to use "transparent" when the button is disabled but the value will not replaced

when i add ripple="'transparent'" it works..