Skills vue-pinia-best-practices

📦

vue-pinia-best-practices

Name: vue-pinia-best-practices
Author: github.com/vuejs-ai

v1.0.0 Content revision r1 Safe ⚡ Contains scripts⚙️ External commands🌐 Network access

Improve Pinia Store Reliability

Pinia apps often fail from early store access, broken reactivity, or hidden setup-store state. This skill gives Claude, Codex, and Claude Code practical checks for safer Vue state management.

Supports: Claude Codex Code(CC)

🥈 80 Silver

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request

Review the Skillstore skill "vue-pinia-best-practices" from https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices.md and its manifest at https://skillstore.io/api/skills/vuejs-ai-vue-pinia-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Your Agent should still show its plan and request any confirmation required by the security policy.

Agent-readable resources

Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.

Markdown detail GET /skills/vuejs-ai-vue-pinia-best-practices.md Signed manifest GET /api/skills/vuejs-ai-vue-pinia-best-practices/manifest Signed lockfile GET /api/skills/vuejs-ai-vue-pinia-best-practices/lockfile

Test it

Using "vue-pinia-best-practices". A Vue app crashes during startup with the no active Pinia message.

Expected outcome:

The review identifies a store call that runs before Pinia installation. It recommends installing Pinia before router guards and moving store access inside runtime functions.

Using "vue-pinia-best-practices". A setup store keeps auth state private by not returning it.

Expected outcome:

The review explains the SSR, DevTools, and plugin risks. It recommends returning every reactive state value and using naming conventions for internal fields.

Using "vue-pinia-best-practices". A product page loses filter selections after refresh.

Expected outcome:

The guidance separates shareable filters from private UI state. It recommends URL-backed values for search and categories, with Pinia for complex local state.

Security Audit

Safe

v5 • 7/7/2026 Open versioned report

AI review found the static findings are documentation examples, not executable skill behavior. Dynamic imports, fetch calls, Authorization headers, and Object.keys appear inside Pinia guidance snippets using local app paths; no prompt injection, credential exfiltration, or command execution intent was found.

Files scanned

1,387

Lines analyzed

Review items

False positives ignored

Risk Factors

⚡ Contains scripts (2)

reference/pinia-no-active-pinia-error.md:203 reference/pinia-no-active-pinia-error.md:240

⚙️ External commands (2)

reference/pinia-no-active-pinia-error.md:74-78 reference/pinia-no-active-pinia-error.md:92-96

🌐 Network access (4)

reference/pinia-no-active-pinia-error.md:72 reference/pinia-no-active-pinia-error.md:90 reference/pinia-setup-store-return-all-state.md:42 reference/pinia-setup-store-return-all-state.md:90

No confirmed security findings were detected by the latest completed static and semantic audit. This does not prove the skill has no side effects.

Audited by: codex View Audit History →

Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report

Copy report link

https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/vuejs-ai-vue-pinia-best-practices/security.svg)](https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices?utm_source=security_passport_badge)

HTML badge

<a href="https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vuejs-ai-vue-pinia-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Embed card

<iframe src="https://skillstore.io/embed/skills/vuejs-ai-vue-pinia-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Academic citations (APA · BibTeX · CFF)

APA citation

github.com/vuejs-ai. (2026). vue-pinia-best-practices security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices/audits/5

BibTeX citation

@techreport{github-com-vuejs-ai-vuejs-ai-vue-pinia-best-practices-2026,
  author = {github.com/vuejs-ai},
  title = {vue-pinia-best-practices security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices/audits/5},
  note = {Author version 1.0.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vue-pinia-best-practices security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
  - name: "github.com/vuejs-ai"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices/audits/5"
identifiers:
  - type: other
    value: "skillstore:vuejs-ai-vue-pinia-best-practices:audit:5"
    description: "Skillstore immutable audit report identifier"

Skillstore Score

Why this score Evidence Confidence: High

Architecture

100

Maintainability

Content

Community

Spec Compliance

What You Can Build

Fix Store Initialization Errors

Diagnose startup crashes caused by calling Pinia stores before the app installs Pinia.

Review Setup Store Design

Check whether setup stores return required state for DevTools, SSR, plugins, and persistence.

Plan Shareable Filter State

Choose when filters belong in the URL, a Pinia store, or a hybrid pattern.

Try These Prompts

Fix a Startup Error

Review my Vue app startup flow for the no active Pinia error. Identify store calls that run too early and suggest the correct order.

Review Store Reactivity

Check this component for Pinia destructuring problems. Explain which values should use storeToRefs and which actions should stay on the store.

Plan URL Filter State

Help me design filter state for a product list. Decide which values should live in the URL and which should stay in Pinia.

Audit a Large Pinia App

Audit this Pinia architecture for setup-store return issues, SSR risks, plugin order problems, and method binding mistakes. Prioritize production risks.