How to set up a random letter generator in Vue 3 Composition API
It could be:
const { letterDisplayOne, … } = toRefs(reactive({ letterDisplayOne: '', … }));
Refs are specifically useful for two common cases. The first is when a value needs to be passed by reference as an object. The second is that a value isn't consistent and cannot be represented as reactive object, while ref value can be anything.
None of these cases are applicable here, so there's no practical benefit from using separate refs. It can be just:
const letters = reactive({ one: '', … });