0106-nuxt-features

What problem does it solve?

This Skill solves the problem of messy, tightly-coupled Nuxt domain code by giving you a consistent pattern to structure data fetching, API mutations, and UI-facing orchestration.

Core Features & Use Cases

• Feature module layering (queries/mutations/actions): Split responsibilities so queries fetch reactively, mutations perform pure API calls with loading state, and actions orchestrate business logic with UI feedback.
• Reactive filtering for list data: Use filter-driven query composables that automatically refetch when filter state changes.
• Loading-state management for mutations: Standardize wait/loading behavior via a shared useWait() pattern so UI can reliably show progress.
• UI feedback and error handling in actions: Centralize flash messages and user-friendly error handling in actions rather than in mutations.

Quick Start

Use the 0106-nuxt-features Skill to create a domain feature module with queries, mutations, and actions, then wire a component to call an action that triggers a mutation and relies on a query for reactive refetching.