Vue.js: How do you use toRef and toRefs?

1<script setup>
2import { reactive, toRef, toRefs } from "vue"
3
4const state = reactive({ count: 0, name: "Alice" })
5
6// toRef
7const count = toRef(state, "count")
8count.value++  // Updates state
9
10// toRefs
11const { count, name } = toRefs(state)
12count.value++  // Updates state
13</script>