Vue Pinia Best Practices

Pinia stores, state management patterns, store setup, and reactivity with stores (Pinia 2-4: store API unchanged; v4 is ESM-only and requires @vue/devtools-api as a peer dependency).

PyModel 4cbb8ed 7 files · 36.9 KB Updated 14 repo stars

File contents

Pinia best practices, common gotchas, and state management patterns.

Store Setup

  • Getting "getActivePinia was called" error at startup → See pinia-no-active-pinia-error
  • Setup stores missing state in DevTools or SSR → See pinia-setup-store-return-all-state

Reactivity

  • Store destructuring stops updating UI reactively → See pinia-store-destructuring-breaks-reactivity
  • Store methods lose context in template calls → See store-method-binding-parentheses

State Patterns

  • Filters reset on refresh or can't be shared → See state-url-for-ephemeral-filters
  • Building production app without DevTools or conventions → See state-use-pinia-for-large-apps

PyModel/vue3-best-practices/tree/main/skills/vue-pinia-best-practices commit 4cbb8ede45

Frequently asked questions

npx skillmds@latest add pymodel/vue-pinia-best-practices