vue-pinia-best-practices — Skills

What it does

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

Store destructuring stops updating UI reactively → See pinia-store-destructuring-breaks-reactivity

Store methods lose context in template calls → See store-method-binding-parentheses

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

vue pinia best practices

Source

Repository: https://github.com/vuejs-ai/skills

vue-pinia-best-practices FAQ

What does the vue-pinia-best-practices skill do?

Pinia stores, state management patterns, store setup, and reactivity with stores. 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

How do I install vue-pinia-best-practices?

Run: npx -y skills add https://github.com/vuejs-ai/skills --skill vue-pinia-best-practices --agent claude-code — the source lives at github.com/vuejs-ai/skills.

Maintain vue-pinia-best-practices?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![vue-pinia-best-practices on getagentictools](https://getagentictools.com/badge/skills/vuejs-ai-skills-vue-pinia-best-practices.svg)](https://getagentictools.com/skills/vuejs-ai-skills-vue-pinia-best-practices?ref=badge)

npx agentictools info skills/vuejs-ai-skills-vue-pinia-best-practices

The second line is the CLI lookup for this page — handy in READMEs and docs.