Patterns for clean, scalable state management in Vue apps using Pinia stores.
Real-world examples not captured yet
This skill shows a gallery of live HTML demos (CDN libraries welcome — GSAP, Three.js, etc.) rendered inline via srcdoc.
Skill markdown
Pinia best practices, common gotchas, and state management patterns. ### Store Setup - Getting "getActivePinia was called" error at startup → See [pinia-no-active-pinia-error](reference/pinia-no-active-pinia-error.md) - Setup stores missing state in DevTools or SSR → See [pinia-setup-store-return-all-state](reference/pinia-setup-store-return-all-state.md) ### Reactivity - Store destructuring stops updating UI reactively → See [pinia-store-destructuring-breaks-reactivity](reference/pinia-store-destructuring-breaks-reactivity.md) - Store methods lose context in template calls → See [store-method-binding-parentheses](reference/store-method-binding-parentheses.md) ### State Patterns - Filters reset on refresh or can't be shared → See [state-url-for-ephemeral-filters](reference/state-url-for-ephemeral-filters.md) - Building production app without DevTools or conventions → See [state-use-pinia-for-large-apps](reference/state-use-pinia-for-large-apps.md)
More from vuejs-ai
- Create Adaptable ComposableCreate library-grade Vue composables that support plain values, refs, and getters with predictable reactivity.
- Vue Best PracticesCore Vue development best practices for component architecture, reactivity, and maintainable code.
- Vue Debug GuidesPractical debugging workflows for diagnosing and fixing Vue reactivity, rendering, and state issues.
- Vue Jsx Best PracticesGuidance for writing robust, type-safe, and readable Vue components using JSX.
- Vue Options Api Best PracticesBest practices for structuring and scaling Vue applications built with the Options API.
- Vue Router Best PracticesRouting architecture and navigation patterns for maintainable Vue Router applications.