Document Pinia setup store conventions for Vue projects.
npx skills add https://github.com/CloudyWing/ai-dotfiles --skill pinia-cloudywing
Please help me install this Agent Skill. Skill: pinia Source: https://github.com/CloudyWing/ai-dotfiles/tree/main/skills/pinia Command: npx skills add https://github.com/CloudyWing/ai-dotfiles --skill pinia-cloudywing
Pinia state management guidelines to enforce consistent store design, setup-store usage, cross-store interactions, and persistence across Vue projects, streamlining maintainability and collaboration.
Create a sample setup store with defineStore and import it in a component to begin using Pinia.
High-intent search queries and answers about installing and using this skill.
Pinia setup stores use Composition API functions to define state and actions, providing superior type inference and maintainability for Vue state management compared to Options stores.
Cross-store interactions in Pinia require importing target stores within actions to share data and coordinate logic, preventing circular dependencies and state inconsistency across Vue modules.
Pinia persistence should only store necessary data like authentication tokens by configuring specific paths within pinia-plugin-persistedstate, ensuring sensitive or transient Vue state remains unaffected.
Migrating Options stores to Pinia setup stores involves refactoring state objects and methods into refs and functions, adopting a Composition API style for consistent store structure across modules.
Destructuring Pinia store properties inside Vue components requires using storeToRefs for reactive state preservation, while actions can be destructured directly without losing reactivity.
Pinia convention guidance includes testing approaches for setup stores, ensuring domain-oriented file structuring and clear naming conventions that enhance testability across Vue project modules.
TencentBlueKingStandardize global state management in Vue 3 with Pinia Setup Store syntax.
peterWang123589Define Pinia stores with state, getters, and actions for Vue applications.
zuiaizengdadaCodify Pinia store patterns for Vue 3 projects.
greenheadHQDiagnose Nix flake, derivation, substituter, and direnv issues.
