vue-pinia-best-practices

What problem does it solve?

This Skill helps Vue developers implement Pinia best practices to ensure scalable, maintainable state management.

Core Features & Use Cases

• Setup stores pattern with full state exposure and clear getters/actions.
• Use storeToRefs when destructuring to preserve reactivity.
• Ensure proper method binding in templates (with Pinia, actions maintain correct this context).
• Provide guidelines for avoiding common gotchas and standardizing store structure across a project.

Quick Start

Review the references to identify common Pinia pitfalls, apply the recommended patterns to your own stores, and verify behavior with Vue DevTools.