nuxt-data

# Nuxt 5 Data Management Composables, data fetching, and state management patterns for Nuxt 5 applications. **Use when**: creating custom composables, fetching data with useFetch or useAsyncData, managing global state with useState, integrating Pinia, debugging reactive data issues, or implementing SSR-safe state patterns. ## Quick Reference ### Data Fetching Methods | Method | Use Case | SSR | Caching | Reactive | |--------|----------|-----|---------|----------| | `useFetch` | Simple API calls | Yes | Yes | Yes | | `useAsyncData` | Custom async logic | Yes | Yes | Yes | | `$fetch` | Client-side only, events | No | No | No | ## When to Load References **Load `references/composables.md` when:** - Writing custom composables with complex state - Debugging state management issues or memory leaks - Implementing SSR-safe patterns with browser APIs - Building authentication or complex state composables **Load `references/data-fetching.md` when:** - Implementing API data fetching with reactive parameters - Troubleshooting shallow vs deep reactivity issues - Debugging data not refreshing when params change - Implementing pagination, infinite scroll, or search ## Composables ### useState - The Foundation `useState` creates SSR-safe, shared reactive state that persists across component instances. ```typescript // composables/useCounter.ts export const useCounter = () => { const count = useState('counter', () => 0) const increment = () => count.value++ const decrement ...