Problem Statement
What is reactive() and how is it different from ref()?
Explanation
reactive() makes a deep reactive object (Proxy). You mutate properties directly (state.user.name = 'A'). ref() wraps any value and exposes it as .value. Prefer reactive for objects with multiple fields; prefer ref for single values.
Code Solution
SolutionRead Only
import { reactive } from 'vue'
const state = reactive({ user: { name: 'Aya' }, loggedIn: false })
state.loggedIn = true