Vue Pinia Best Practices

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

ComeOnOliver Updated 61 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

ComeOnOliver/skillshub/tree/main/skills/vuejs-ai/skills/vue-pinia-best-practices commit 66b85d04be

Frequently asked questions

npx skillmds@latest add comeonoliver/vue-pinia-best-practices-3