vue-nuxt-best-practices

# Vue & Nuxt Optimization Recommendations

## Reactivity Patterns
- Use `ref` for primitive values and `reactive` for objects
- Consider `computed` properties for derived state
- Avoid unnecessary reactivity with `markRaw` or `shallowRef`

## Component Performance
```javascript
// Use async components for lazy loading
const AsyncComponent = defineAsyncComponent(() => import('./HeavyComponent.vue'))
```

## Data Fetching
- Implement `useFetch` with `server: false` for client-side only
- Use `useLazyAsyncData` for on-demand data loading

## SSR Patterns
- Set `ssr: false` for client-only components
- Use `useHead` for dynamic meta tags