Vue Pinia Best Practices

Pinia stores, state management patterns, store setup, and reactivity with stores. Use when this capability is needed.

tomevault-io Updated

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

Source: vuluu2k/skills — distributed by TomeVault.

tomevault-io/skills-registry/tree/main/vuluu2k--skills--vue-pinia-best-practices commit 68b34dbe60

Frequently asked questions

npx skillmds@latest add tomevault-io/vue-pinia-best-practices