Pinia Best Practices

What it does

This skill provides best practices for using Pinia, a state management library for Vue.js applications. It helps developers structure their stores effectively, manage state in a scalable way, and avoid common pitfalls when working with Pinia.

When to use it

• You're starting a new Vue project and want to set up state management correctly from the beginning.
• Your application is growing in complexity, and you need better ways to organize your store logic.
• You're refactoring an existing Vue app and looking for guidance on improving its state management practices.

Key capabilities

• Structuring stores with proper naming conventions and folder organization.
• Using actions and getters effectively for state manipulation and retrieval.
• Implementing modular store patterns for large-scale applications.
• Managing persistent state across page reloads or sessions.

Example prompts

• "How should I organize my Pinia stores in a large Vue project?"
• "What are the best practices for using actions and getters in Pinia?"
• "How can I persist user data in Pinia across page refreshes?"

Tips & gotchas

• Ensure you're using the latest version of Pinia to take advantage of new features and improvements.
• Avoid overusing global state; keep it focused on shared, application-wide data only.