V
vue-pinia-best-practices
by @vuejs-aiv
4.5(148)
Masters Pinia state management library best practices, including store setup, state management patterns, and recommended usages.
Installation
npx skills add vuejs-ai/skills --skill vue-pinia-best-practicescompare_arrows
Before / After Comparison
1 组Before
Traditional Vue state management is complex, with redundant code, making it difficult to maintain and extend. During team collaboration, inconsistent state management often leads to frequent issues, impacting project progress.
After
Adopt Pinia best practices to simplify state storage setup, enhancing code readability and maintainability. Ensure state reactivity, accelerate the development process, and build more robust frontend applications.
SKILL.md
Pinia best practices, common gotchas, and state management patterns.
Store Setup
- Getting "getActivePinia was called" error at startup → See pinia-no-active-pinia-error
- Setup stores missing state in DevTools or SSR → See pinia-setup-store-return-all-state
Reactivity
- Store destructuring stops updating UI reactively → See pinia-store-destructuring-breaks-reactivity
- Store methods lose context in template calls → See store-method-binding-parentheses
State Patterns
- Filters reset on refresh or can't be shared → See state-url-for-ephemeral-filters
- Building production app without DevTools or conventions → See state-use-pinia-for-large-apps
User Reviews (0)
Write a Review
Effect
Usability
Docs
Compatibility
No reviews yet
Statistics
Installs7.9K
Rating4.5 / 5.0
Version
Updated2026年5月22日
Comparisons1
User Rating
4.5(148)
5
24%
4
51%
3
24%
2
2%
1
0%
Rate this Skill
0.0
Compatible Platforms
🔧Claude Code
🔧OpenClaw
🔧OpenCode
🔧Codex
🔧Gemini CLI
🔧GitHub Copilot
🔧Amp
🔧Kimi CLI
Timeline
Created2026年3月16日
Last Updated2026年5月22日