> **pinia** — skill 5 of 19 in [antfu/skills](https://skillsdocs.com/antfu/skills).
>
> Book (all skills, one file): https://skillsdocs.com/antfu/skills.md
> Machine manifest: https://skillsdocs.com/antfu/skills/.well-known/agent-skills/index.json
> Install the book: `npx skills add antfu/skills`
> Upstream: https://github.com/antfu/skills/blob/main/skills/pinia/SKILL.md @ `main`
> Raw bytes, no header: https://raw.githubusercontent.com/antfu/skills/main/skills/pinia/SKILL.md
> Base for relative paths: https://raw.githubusercontent.com/antfu/skills/main/skills/pinia/
> Licence: MIT — https://spdx.org/licenses/MIT.html
>
> Bundled files (10), referenced from this skill's directory:
>   - `GENERATION.md` — https://raw.githubusercontent.com/antfu/skills/main/skills/pinia/GENERATION.md
>   - `references/advanced-hmr.md` — https://raw.githubusercontent.com/antfu/skills/main/skills/pinia/references/advanced-hmr.md
>   - `references/advanced-nuxt.md` — https://raw.githubusercontent.com/antfu/skills/main/skills/pinia/references/advanced-nuxt.md
>   - `references/advanced-ssr.md` — https://raw.githubusercontent.com/antfu/skills/main/skills/pinia/references/advanced-ssr.md
>   - `references/best-practices-outside-component.md` — https://raw.githubusercontent.com/antfu/skills/main/skills/pinia/references/best-practices-outside-component.md
>   - `references/best-practices-testing.md` — https://raw.githubusercontent.com/antfu/skills/main/skills/pinia/references/best-practices-testing.md
>   - `references/core-stores.md` — https://raw.githubusercontent.com/antfu/skills/main/skills/pinia/references/core-stores.md
>   - `references/features-composables.md` — https://raw.githubusercontent.com/antfu/skills/main/skills/pinia/references/features-composables.md
>   - `references/features-composing-stores.md` — https://raw.githubusercontent.com/antfu/skills/main/skills/pinia/references/features-composing-stores.md
>   - `references/features-plugins.md` — https://raw.githubusercontent.com/antfu/skills/main/skills/pinia/references/features-plugins.md
>
> Content © its authors, served unmodified. Takedown: https://github.com/DreambaseAI/skillsdocs/issues/new?labels=takedown&title=Takedown+request

<!-- Verbatim upstream SKILL.md follows, YAML frontmatter included. -->

---
name: pinia
description: 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.
metadata:
  author: Anthony Fu
  version: "2026.1.28"
  source: Generated from https://github.com/vuejs/pinia, scripts located at https://github.com/antfu/skills
---

# 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