toReactive

Converts a MaybeRef object to a reactive proxy with automatic ref unwrapping and Map/Set support.

Usage

import { ref } from 'vue'
import { toReactive } from '@vuetify/v0'

const state = ref({ name: 'John', age: 30 })
const rstate = toReactive(state)

console.log(rstate.name) // 'John' (no .value needed)

Architecture

toReactive creates a Proxy that unwraps ref values:

Reactivity

toReactive converts a MaybeRef into a fully reactive proxy with automatic ref unwrapping. This is the primary way to eliminate .value syntax.

• Eliminate .value in templates

• Pass reactive state to non-Vue code expecting plain objects

• Create reactive proxies over ref-wrapped collections

Examples