Good point Glen. We have also another syntax from Vue3.

Instead of declaring each single properties as ref , you could use reactive({dice:0, rolls[]}) function that returns a reactive object. The advantages of this syntax is that you can avoid to use .value when you want to access to the value of the property and you can send the entire object to the template, instead of sending all properties. I think that i could write a 2nd post, showing the same example with reactive() function instead of ref().