Skills

Skill 5 of 19

Pinia

Pinia official Vue state management library, type-safe and extensible.

1 minute · 199 words · 7 sections

Install

$ npx skills add antfu/skills --skill pinia

$ npx skills add antfu/skills

The first command installs just this skill, by the name in its SKILL.md; the second installs the whole repository.

Pinia is the official state management library for Vue, designed to be intuitive and type-safe. It supports both Options API and Composition API styles, with first-class TypeScript support and devtools integration.

The skill is based on Pinia v3.0.4, generated at 2026-01-28.

Core References

Topic	Description	Reference
Stores	Defining stores, state, getters, actions, storeToRefs, subscriptions	core-stores (opens in a new tab)

Features

Extensibility

Topic	Description	Reference
Plugins	Extend stores with custom properties, state, and behavior	features-plugins (opens in a new tab)

Composability

Topic	Description	Reference
Composables	Using Vue composables within stores (VueUse, etc.)	features-composables (opens in a new tab)
Composing Stores	Store-to-store communication, avoiding circular dependencies	features-composing-stores (opens in a new tab)

Best Practices

Topic	Description	Reference
Testing	Unit testing with @pinia/testing, mocking, stubbing	best-practices-testing (opens in a new tab)
Outside Components	Using stores in navigation guards, plugins, middlewares	best-practices-outside-component (opens in a new tab)

Advanced

Topic	Description	Reference
SSR	Server-side rendering, state hydration	advanced-ssr (opens in a new tab)
Nuxt	Nuxt integration, auto-imports, SSR best practices	advanced-nuxt (opens in a new tab)
HMR	Hot module replacement for development	advanced-hmr (opens in a new tab)

Key Recommendations

Prefer Setup Stores for complex logic, composables, and watchers
Use storeToRefs() when destructuring state/getters to preserve reactivity
Actions can be destructured directly - they’re bound to the store
Call stores inside functions not at module scope, especially for SSR
Add HMR support to each store for better development experience
Use @pinia/testing for component tests with mocked stores

About this skill

Trigger

Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.

The verbatim description from this skill’s front matter — the string an agent matches on to decide whether to load it.

Colophon for this issue

Colophon

How this issue was made

Source

github.com/antfu/skills, branch main, last pushed 23 June 2026.

Licence

MIT — the text of every skill is reproduced unmodified, frontmatter included, under the upstream licence.

Discovery

19 skills found by walking the repository tree for SKILL.md, not by matching a directory convention. One layout observed: skills/*/SKILL.md.

Issue colours

Resolved from a deterministic hash of the owner name. Two accent tones are generated per issue and each is proven against its own ground before it ships: a single accent that passes AA on both light and dark paper is arithmetically impossible.

Heading repairs

1 repair applied to this skill so the document has one h1 and no skipped levels:

Removed “Pinia”, a leading h1 that duplicated the skill title.

Spec compliance

Every skill satisfies the Agent Skills specification’s frontmatter rules.

Images

Images inside a skill come from the upstream repository. Where the author gave no alternative text we mark the image decorative rather than inventing a description — a plausible caption we made up is worse than none for the reader who depends on it.

Signal

This repository is unranked on skills.sh, which says nothing about it: the leaderboard covers a fraction of published skills.

Agent surfaces

The whole issue is available as one markdown document at /antfu/skills.md, and each skill at its own .md URL.

Publication

Set by Skills Docs from the source repository. Body text is Literata at the reader’s chosen size and measure; code is Geist Mono. Nothing on this page was written by us except this paragraph.

The skill is based on Pinia v3.0.4, generated at 2026-01-28.

Core References

Topic	Description	Reference
Stores	Defining stores, state, getters, actions, storeToRefs, subscriptions	core-stores (opens in a new tab)

Features

Extensibility

Topic	Description	Reference
Plugins	Extend stores with custom properties, state, and behavior	features-plugins (opens in a new tab)

Composability

Topic	Description	Reference
Composables	Using Vue composables within stores (VueUse, etc.)	features-composables (opens in a new tab)
Composing Stores	Store-to-store communication, avoiding circular dependencies	features-composing-stores (opens in a new tab)

Best Practices

Topic	Description	Reference
Testing	Unit testing with @pinia/testing, mocking, stubbing	best-practices-testing (opens in a new tab)
Outside Components	Using stores in navigation guards, plugins, middlewares	best-practices-outside-component (opens in a new tab)

Advanced

Topic	Description	Reference
SSR	Server-side rendering, state hydration	advanced-ssr (opens in a new tab)
Nuxt	Nuxt integration, auto-imports, SSR best practices	advanced-nuxt (opens in a new tab)
HMR	Hot module replacement for development	advanced-hmr (opens in a new tab)

Key Recommendations

Prefer Setup Stores for complex logic, composables, and watchers
Use storeToRefs() when destructuring state/getters to preserve reactivity
Actions can be destructured directly - they’re bound to the store
Call stores inside functions not at module scope, especially for SSR
Add HMR support to each store for better development experience
Use @pinia/testing for component tests with mocked stores

Pinia

Core References

Features

Extensibility

Composability

Best Practices

Advanced

Key Recommendations

About this skill

Trigger

Colophon

Pinia

Core References

Features

Extensibility

Composability

Best Practices

Advanced

Key Recommendations

Appendix 5.1–5.10

ReferencesMarkdown · 9 files

Also bundledMarkdown · 1 file

About this skill

Trigger

Colophon

Appendix 5.1–5.10

ReferencesMarkdown · 9 files

Also bundledMarkdown · 1 file