Skip to content
Development
Skill

/vue-pinia-best-practices

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

From plugin
vuejs-ai-skills
2.8k8 skills
Install
$ npx -y skills add hyf0/vue-skills --skill vue-pinia-best-practices --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/vue-pinia-best-practices

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

SKILL.md

vue-pinia-best-practices.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](reference/pinia-no-active-pinia-error.md)
  • Setup stores missing state in DevTools or SSR → See [pinia-setup-store-return-all-state](reference/pinia-setup-store-return-all-state.md)

Reactivity

  • Store destructuring stops updating UI reactively → See [pinia-store-destructuring-breaks-reactivity](reference/pinia-store-destructuring-breaks-reactivity.md)
  • Store methods lose context in template calls → See [store-method-binding-parentheses](reference/store-method-binding-parentheses.md)

State Patterns

  • Filters reset on refresh or can't be shared → See [state-url-for-ephemeral-filters](reference/state-url-for-ephemeral-filters.md)
  • Building production app without DevTools or conventions → See [state-use-pinia-for-large-apps](reference/state-use-pinia-for-large-apps.md)
Ships withvuejs-ai-skills

Agent skills for Vue 3 development. 🚧 Early Experiment / Community Project This repository is an early experiment in creating specialized skills for AI agents to enhance Vue 3 development.

Get the whole plugin