/

/vue-pinia-best-practices

@bc922e4 official

by Vue AIvuejs-ai/skills2.9k stars

167

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

7 files
36.7 KB
MIT
Updated 8 months ago
GitHub
No alerts

Ask your Agent

Use this Skill: https://skilld.dev/gh/vuejs-ai/skills/vue-pinia-best-practices

This session only. Nothing lands on disk.

SKILL.md

1.1 KB raw

≈27 tokens always: the name and description. ≈244 when used: this file. ≈9.1k more on demand in 6 files.

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: SKILL.md on GitHub

Third-party checks

No alerts16d5 checks · Risk SAFE

Gen Agent Trust Hub16d
This skill provides educational content and best practices for Pinia state management in Vue.js applications. It is a documentation-focused skill with no malicious patterns detected.
Socket16d
No alerts
Snyk16d
Risk: LOW · No issues
Runlayer7mo
7 files scanned · No issues
ZeroLeaks5mo
Score: 93/100 · 2 sections analyzed

Provenance

Signed by skilld at bc922e4. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 months ago.

Steadyupdated 8 months ago

Capability

version: 1.0.0
author: github.com/vuejs-ai

Topics

Vue
pinia
state-management
reactivity
store-setup
devtools
ssr

What it does

Provides Pinia store setup patterns, reactivity gotchas, and state management conventions for Vue apps. Covers destructuring pitfalls, DevTools integration, SSR considerations, and filter persistence strategies.

Generated from the current SKILL.md.

Frequently asked

Does this skill cover setup stores and options stores?

Yes. The skill addresses both patterns, including common issues like setup stores missing state in DevTools or SSR, and provides guidance on when to use each.

What reactivity issues does this skill handle?

It covers store destructuring breaking reactivity, method binding losing context in templates, and how to maintain reactive updates when accessing store properties.

Does this skill address SSR or DevTools integration?

Yes. It includes troubleshooting for setup stores not exposing state correctly in DevTools and SSR environments.

Does this cover ephemeral state like filters or URL sync?

Yes. The skill includes patterns for handling filters that reset on refresh and guidance on syncing state with URLs for shareable application state.

Generated from the current SKILL.md. These answers refresh after source changes.

/vue-pinia-best-practices