vue-create-pinia-store

To create a type-safe Pinia store, use the Setup Store pattern with defineStore, returning state, getters, and actions explicitly while disallowing any 'any' types in the state. This enforces strong typing and consistent reactivity across components.

Destructuring Pinia store state loses reactivity because properties are detached from the reactive proxy. To maintain reactivity, use the storeToRefs function for safe destructuring, which properly wraps state and getters as refs.

The best way to use Pinia stores in guards and services is to avoid module-level useStore calls. Instead, instantiate the store within the guard or service execution context to ensure the active Pinia instance is available.

Yes, the Pinia Setup Store pattern supports explicit reset actions. When using defineStore with the setup function, you define and return a custom reset action to restore the typed state to its initial values.

You should never use the 'any' type in Pinia store state when applying standardized Setup Store patterns. Disallowing 'any' ensures strongly typed state, predictable reactivity, and consistent APIs across your Vue 3 components.