Vue.js: How to type reactive in Vue 3 with TypeScript?

1import { reactive } from "vue"
2
3// Interface
4interface State {
5    count: number
6    user: User | null
7    items: string[]
8}
9
10const state = reactive<State>({
11    count: 0,
12    user: null,
13    items: []
14})
15
16// Inline type
17const form = reactive({
18    email: "",
19    password: "",
20    remember: false
21})

1// ❌ Destructuring loses reactivity
2let { count } = state
3
4// ✅ Use toRefs
5const { count } = toRefs(state)