Productivity
pinia-best-practices▌
hyf0/vue-skills · updated Apr 8, 2026
$npx skills add https://github.com/hyf0/vue-skills --skill pinia-best-practices
summary
TypeScript configuration and type safety patterns for Pinia stores in Vue 3.
- ›Addresses storeToRefs type inference issues, particularly nested ref type loss in Vue 3.5+
- ›Resolves circular type references and any type errors in getters that use this
- ›Provides setup store patterns and best practices for type-safe store configuration
- ›Covers common debugging scenarios when working with Pinia in TypeScript projects
skill.md
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
storeToRefstype 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 |