← LeaderboardThe Skill Leaderboard

vue-pinia-best-practices

Pinia stores, state management patterns, store setup, and reactivity with stores.

Description awaits a fresh source check.

Published by vuejs-ai ↗vuejs-ai/skills

Try your first task

Start a fresh conversation. Replace the highlighted placeholders.

Use vue-pinia-best-practices to implement or troubleshoot Pinia state management for [relevant store and component code], based on [observed behavior/error and expected goal] within the context of [Vue/Pinia versions and SSR/DevTools settings].

Required inputs

[relevant store and component code]
[observed behavior/error and expected goal]
[Vue/Pinia versions and SSR/DevTools settings]

User-approved starter prompt based on a pinned source version; check current skill requirements before running. Task evidence ↗

SKILL.md

name: vue-pinia-best-practicesdescription: "Pinia stores, state management patterns, store setup, and reactivity with stores."version: 1.0.0license: MITauthor: github.com/vuejs-ai

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