Pinia: the official Vue state management reference - **name_fr:** Pinia : la référence officielle de la gestion d'état Vue - **tl_en:** Pinia reference — stores, plugins, composables, testing, SSR, Nuxt, HMR with key recommendations - **tl_fr:** Référence Pinia — stores, plugins, composables, tests, SSR, Nuxt, HMR avec recommandations clés - **creator:** @antfu - **type:** Agent skill - **url:** https://github.com/antfu/skills - **cat:** Frontend - **kws:** pinia, vue, state management, stores, typescript, nuxt, ssr, testing, reactivity - **license:** MIT **Description EN:** Curated by Skill Harbor — a structured reference for Pinia, the official Vue state management library, maintained in Anthony Fu's skills repo: stores (defining stores, state, getters, actions, `storeToRefs`, subscriptions), plugins for extending stores, composables inside stores and store-to-store communication without circular dependencies, testing with `@pinia/testing`, using stores outside components (navigation guards, plugins, middlewares), SSR state hydration, Nuxt integration and HMR — with key recommendations up front (prefer setup stores, use `storeToRefs()` when destructuring, call stores inside functions not at module scope especially for SSR, add HMR support per store). By @antfu, listed here with credit to its creator. Honest caveats: generated from the vuejs/pinia docs as of 2026-09-25, covering Pinia v4.0.3 — cross-check version-sensitive items; this is the comprehensive docs reference, complementing the concise Pinia gotchas guide (vuejs-ai-skills-vue-pinia-best-practices) also listed here. Discovered via skills.sh. Skill Harbor never reviews the code, review it yourself before use. **Description FR:** Sélectionné par Skill Harbor — une référence structurée pour Pinia, la librairie officielle de gestion d'état Vue, maintenue dans le dépôt de skills d'Anthony Fu : stores (définition de stores, state, getters, actions, `storeToRefs`, abonnements), plugins pour étendre les stores, composables dans les stores et communication entre stores sans dépendances circulaires, tests avec `@pinia/testing`, usage des stores hors composants (gardes de navigation, plugins, middlewares), hydratation d'état SSR, intégration Nuxt et HMR — avec les recommandations clés en tête (préférer les setup stores, utiliser `storeToRefs()` en déstructurant, appeler les stores dans des fonctions pas au scope module surtout en SSR, ajouter le support HMR par store). Crédit : @antfu. Bémols honnêtes : générée depuis la documentation de vuejs/pinia au 2026-09-25, couvrant Pinia v4.0.3 — recouper les points sensibles à la version ; c'est la référence documentaire complète, complémentaire du guide concis d'écueils Pinia (vuejs-ai-skills-vue-pinia-best-practices) également listé ici. Découvert via skills.sh. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. **Install prompt EN:** ``` Prerequisites: a Vue 3 project with Pinia installed Install "Pinia: the official Vue state management reference" for me. Give my agent the structured Pinia reference — stores, plugins, composables, store-to-store communication, testing, outside-components usage, SSR, Nuxt and HMR — with the per-topic reference files Repository: https://github.com/antfu/skills/blob/main/skills/pinia/SKILL.md 1. Fetch the SKILL.md file (and its reference files) for the antfu-skills-pinia skill from the repository into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "antfu-skills-pinia". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. install Pinia in my Vue project if missing). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : un projet Vue 3 avec Pinia installé Installe-moi « Pinia : la référence officielle de la gestion d'état Vue ». Donne à mon agent la référence Pinia structurée — stores, plugins, composables, communication entre stores, tests, usage hors composants, SSR, Nuxt et HMR — avec les fichiers de référence par sujet Dépôt : https://github.com/antfu/skills/blob/main/skills/pinia/SKILL.md 1. Récupère le fichier SKILL.md (et ses fichiers de référence) du skill antfu-skills-pinia depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « antfu-skills-pinia ». 4. Vérifie sans aucun appel réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. installer Pinia dans mon projet Vue s'il manque). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` ---

Pinia reference — stores, plugins, composables, testing, SSR, Nuxt, HMR with key recommendations - **tl_fr:** Référence Pinia — stores, plugins, composables, tests, SSR, Nuxt, HMR avec recommandations clés - **creator:** @antfu - **type:** Agent skill - **url:** https://github.com/antfu/skills - **cat:** Frontend - **kws:** pinia, vue, state management, stores, typescript, nuxt, ssr, testing, reactivity - **license:** MIT **Description EN:** Curated by Skill Harbor — a structured reference for Pinia, the official Vue state management library, maintained in Anthony Fu's skills repo: stores (defining stores, state, getters, actions, `storeToRefs`, subscriptions), plugins for extending stores, composables inside stores and store-to-store communication without circular dependencies, testing with `@pinia/testing`, using stores outside components (navigation guards, plugins, middlewares), SSR state hydration, Nuxt integration and HMR — with key recommendations up front (prefer setup stores, use `storeToRefs()` when destructuring, call stores inside functions not at module scope especially for SSR, add HMR support per store). By @antfu, listed here with credit to its creator. Honest caveats: generated from the vuejs/pinia docs as of 2026-09-25, covering Pinia v4.0.3 — cross-check version-sensitive items; this is the comprehensive docs reference, complementing the concise Pinia gotchas guide (vuejs-ai-skills-vue-pinia-best-practices) also listed here. Discovered via skills.sh. Skill Harbor never reviews the code, review it yourself before use. **Description FR:** Sélectionné par Skill Harbor — une référence structurée pour Pinia, la librairie officielle de gestion d'état Vue, maintenue dans le dépôt de skills d'Anthony Fu : stores (définition de stores, state, getters, actions, `storeToRefs`, abonnements), plugins pour étendre les stores, composables dans les stores et communication entre stores sans dépendances circulaires, tests avec `@pinia/testing`, usage des stores hors composants (gardes de navigation, plugins, middlewares), hydratation d'état SSR, intégration Nuxt et HMR — avec les recommandations clés en tête (préférer les setup stores, utiliser `storeToRefs()` en déstructurant, appeler les stores dans des fonctions pas au scope module surtout en SSR, ajouter le support HMR par store). Crédit : @antfu. Bémols honnêtes : générée depuis la documentation de vuejs/pinia au 2026-09-25, couvrant Pinia v4.0.3 — recouper les points sensibles à la version ; c'est la référence documentaire complète, complémentaire du guide concis d'écueils Pinia (vuejs-ai-skills-vue-pinia-best-practices) également listé ici. Découvert via skills.sh. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. **Install prompt EN:** ``` Prerequisites: a Vue 3 project with Pinia installed Install "Pinia: the official Vue state management reference" for me. Give my agent the structured Pinia reference — stores, plugins, composables, store-to-store communication, testing, outside-components usage, SSR, Nuxt and HMR — with the per-topic reference files Repository: https://github.com/antfu/skills/blob/main/skills/pinia/SKILL.md 1. Fetch the SKILL.md file (and its reference files) for the antfu-skills-pinia skill from the repository into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "antfu-skills-pinia". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. install Pinia in my Vue project if missing). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : un projet Vue 3 avec Pinia installé Installe-moi « Pinia : la référence officielle de la gestion d'état Vue ». Donne à mon agent la référence Pinia structurée — stores, plugins, composables, communication entre stores, tests, usage hors composants, SSR, Nuxt et HMR — avec les fichiers de référence par sujet Dépôt : https://github.com/antfu/skills/blob/main/skills/pinia/SKILL.md 1. Récupère le fichier SKILL.md (et ses fichiers de référence) du skill antfu-skills-pinia depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « antfu-skills-pinia ». 4. Vérifie sans aucun appel réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. installer Pinia dans mon projet Vue s'il manque). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` ---

Version: