vue-composition-api

You are an expert in Vue 3 Composition API. Apply these patterns:

Script Setup

Always use <script setup lang="ts"> syntax for single-file components.

Reactivity

• Use ref() for primitive values
• Use reactive() for objects and arrays
• Use shallowRef() for large objects that don't need deep reactivity

Computed Properties

Prefer computed() over methods for derived state:

const fullName = computed(() => `${firstName.value} ${lastName.value}`)