1const state = reactive({
2  foo: 1,
3  bar: 2
4})
5
6const stateAsRefs = toRefs(state)
7
8// The ref is ‘linked’ to the source property.
9state.foo++
10console.log(stateAsRefs.foo.value) // 2
11
12stateAsRefs.foo.value++
13console.log(state.foo) // 3

1/**
2 * Converts a reactive object to a plain object where each property of the
3 * resulting object is a ref pointing to the corresponding property of the
4 * original object. Each individual ref is created using {@link toRef()}.
5 *
6 * @param object - Reactive object to be made into an object of linked refs.
7 * @see {@link https://vuejs.org/api/reactivity-utilities.html#torefs}
8 */
9export function toRefs<T extends object>(object: T): ToRefs<T> {
10  if (__DEV__ && !isProxy(object)) {
11    warn(`toRefs() expects a reactive object but received a plain one.`)
12  }
13  const ret: any = isArray(object) ? new Array(object.length) : {}
14  for (const key in object) {
15    ret[key] = propertyToRef(object, key)
16  }
17  return ret
18}