What is the difference between `ref` and `reactive`?
ref wraps any value and you reach it through .value in script, though templates unwrap it for you. reactive takes an object and returns a reactive proxy with no wrapper. The practical rule is ref for everything, because destructuring a reactive object loses reactivity and that surprises people every time.