uni-helper/skills

pinia

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.

First seen Jan 30, 2026

Installation

$ npx skills add uni-helper/skills --skill pinia

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from uni-helper/skills.

npx skills add uni-helper/skills

Browse all from uni-helper/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 103
License LICENSE
Default branch main
Open issues 0
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version2026.1.28
More metadata
author
Anthony Fu
version
2026.1.28
source
Generated from https://github.com/vuejs/pinia, scripts located at https://github.com/antfu/skills

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,719 B
  • docs SUMMARY.md 189 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 633 installs

SKILL.md

Pinia

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](references/core-stores.md)

Features

Extensibility

Topic Description Reference
Plugins Extend stores with custom properties, state, and behavior [features-plugins](references/features-plugins.md)

Composability

Topic Description Reference
Composables Using Vue composables within stores (VueUse, etc.) [features-composables](references/features-composables.md)
Composing Stores Store-to-store communication, avoiding circular dependencies [features-composing-stores](references/features-composing-stores.md)

Best Practices

Topic Description Reference
Testing Unit testing with @pinia/testing, mocking, stubbing [best-practices-testing](references/best-practices-testing.md)
Outside Components Using stores in navigation guards, plugins, middlewares [best-practices-outside-component](references/best-practices-outside-component.md)

Advanced

Topic Description Reference
SSR Server-side rendering, state hydration [advanced-ssr](references/advanced-ssr.md)
Nuxt Nuxt integration, auto-imports, SSR best practices [advanced-nuxt](references/advanced-nuxt.md)
HMR Hot module replacement for development [advanced-hmr](references/advanced-hmr.md)

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