Pinia Best Practices
TypeScript configuration and common pitfalls for Pinia stores in Vue 3 applications.
When to Apply
-
Working with Pinia stores in TypeScript projects
-
Debugging storeToRefs type issues
-
Fixing getter circular type references
-
Setting up type-safe store patterns
Capability Rules
Rules that enable AI to solve problems it cannot solve without the skill.
Rule Impact Description
storeToRefs-type-loss HIGH Fix incorrect nested ref types with Vue 3.5+
Efficiency Rules
Rules that help AI solve problems more effectively and consistently.
Rule Impact Description
getters-circular-types MEDIUM Fix TypeScript any or circular errors in getters using this
Reference
-
Pinia Documentation
-
Pinia TypeScript Guide