Pinia Colada Data Fetching

关于

This skill provides Claude with expert-level guidance for implementing Pinia Colada in Vue 3 and Nuxt environments. It streamlines the creation of useQuery and useMutation hooks, manages complex query caching, and handles advanced scenarios like SSR hydration, optimistic updates, and reactive query keys. Designed to prevent 12 common architectural errors and save significant token costs, it ensures your data-fetching logic is type-safe, performant, and follows the latest composition API standards.

主要功能

• 21 GitHub stars
• Specific SSR and hydration mismatch prevention for Nuxt applications
• Optimistic UI update patterns with context-based rollbacks
• Standardized useQuery and useMutation implementation patterns
• Reactive query key management for dynamic data fetching
• Automated query invalidation and cache management strategies

使用场景

• Implementing complex CRUD operations with synchronized cache invalidation
• Building reactive dashboards with background polling and automatic refetching
• Migrating existing Vue projects from TanStack Query to Pinia Colada