Agent skill · software engineering · secondsky
nuxt-data
| Nuxt 4 data management: composables, data fetching with useFetch/useAsyncData, and state management with useState and Pinia. 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.
Why this skill is useful
Provides specific patterns and examples for managing state and data fetching in Nuxt 4 that the AI wouldn't reliably generate on its own.
What it needs
About 8k tokens when loaded. Last updated 2026-08-06. 204 stars on the source repository.
What this skill does
Nuxt 4 Data Management Composables, data fetching, and state management patterns for Nuxt 4 applications. 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 Composable Naming Prefix Purpose Example -------- --------- --------- use State/logic composable useAuth, useCart fetch Data fetching only fetchUsers (rare) 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 Understanding singleton vs per-call composable patterns 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 Understanding transform functions, caching, or error handling Load references/pinia-integration.md when: Setting up Pinia for complex state management Creating stores with getters and actions Integrating Pinia with SSR Persisting state across page reloads Composables useState - The Foundation useState creates SSR-safe, shared reactive state that persists across component instances. useState vs ref - Critical Distinction Rule: Use useState for shared/global state. Use ref for local component state only. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills secondsky/nuxt-data