pinia

Type-safe Vue state management with intuitive store patterns and first-class TypeScript support. Pinia is the official state management library for Vue, designed to be intuitive and type-safe. It supports both Options API and Composition API styles, with first-class TypeScript support and devtools integration. The skill is based on Pinia v3.0.4, generated at 2026-01-28. - Supports both Options API and Composition API styles, with built-in devtools integration for debugging - Core capabilities include defining stores with state, getters, actions, subscriptions, and store-to-store composition - Extensible via plugins to add custom properties and behavior across stores - Includes testing utilities via @pinia/testing for mocking and stubbing, plus SSR and Nuxt integration with state hydration - Hot module replacement support for seamless development workflow - Prefer Setup Stores for complex logic, composables, and watchers - Use storeToRefs() when destructuring state/getters to preserve reactivity - Actions can be destructured directly - they're bound to the store - Call stores inside functions not at module scope, especially for SSR - Add HMR support to each store for better development experience - Use @pinia/testing for component tests with mocked stores