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