pinia▌

Vue Pinia state management patterns, common reactivity pitfalls, and store setup best practices. \n \n Covers three core areas: store initialization, reactivity patterns, and state management conventions \n Addresses frequent gotchas including destructuring breaking reactivity, method binding issues, and missing state in DevTools or SSR \n Provides guidance on filter persistence, URL-based ephemeral state, and scaling Pinia for production applications \n Includes troubleshooting references for \

Type-safe Vue state management with intuitive store patterns and first-class TypeScript support. \n \n Supports both Options API and Composition API styles, with built-in devtools integration for debugging \n Core capabilities include defining stores with state, getters, actions, subscriptions, and store-to-store composition \n Extensible via plugins to add custom properties and behavior across stores \n Includes testing utilities via @pinia/testing for mocking and stubbing, plus SSR and Nuxt in

TypeScript configuration and type safety patterns for Pinia stores in Vue 3. \n \n Addresses storeToRefs type inference issues, particularly nested ref type loss in Vue 3.5+ \n Resolves circular type references and any type errors in getters that use this \n Provides setup store patterns and best practices for type-safe store configuration \n Covers common debugging scenarios when working with Pinia in TypeScript projects \n

Vue Pinia state management patterns, store setup guidance, and reactivity best practices. \n \n Covers store initialization, DevTools integration, and SSR considerations for setup stores \n Addresses common reactivity pitfalls including destructuring breaks and method binding issues in templates \n Provides patterns for ephemeral state like filters, URL synchronization, and production app conventions \n References specific error scenarios with linked solutions for quick troubleshooting \n

Use this skill to create or review unit tests for Vue components, composables, and Pinia stores. Keep tests small, deterministic, and behavior-first.

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.