Use when adding new error messages to React, or seeing "unknown error code" warnings.
npx skills add vuejs-ai/skills --skill "vue-pinia-best-practices"
Install specific skill from multi-skill repository
# Description
Pinia stores, state management patterns, store setup, and reactivity with stores.
# SKILL.md
name: vue-pinia-best-practices
description: "Pinia stores, state management patterns, store setup, and reactivity with stores."
version: 1.0.0
license: MIT
author: 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
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.