Vue.js: What is the difference between toRef and toRefs in Vue 3?

1import { reactive, toRef, toRefs } from "vue"
2
3const state = reactive({
4    count: 0,
5    name: "John"
6})
7
8// toRef - single property
9const countRef = toRef(state, "count")
10
11// toRefs - all properties
12const { count, name } = toRefs(state)
13
14// Both maintain reactivity
15count.value++
16name.value = "Jane"
17console.log(state.count)  // 1
18console.log(state.name)  // "Jane"