技能 vue-pinia-best-practices

📦

vue-pinia-best-practices

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

v1.0.0 內容修訂 r1 安全 ⚡ 包含腳本⚙️ 外部命令🌐 網路存取

改善 Vue Pinia Store 模式

Vue 應用程式經常出問題，因為 store 設定、解構以及 URL 狀態規則很容易被忽略。此技能為 Claude、Codex 和 Claude Code 提供聚焦的 Pinia 指引，以建立可靠的 stores 與可預測的反應性。

支援: Claude Codex Code(CC)

🥈 80 銀級

Maintain this Skill? Claim it 🥈 80 銀級

使用我的智慧代理安裝

將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。

智能體請求

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.

你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。

Agent 可讀資源

當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。

Markdown 詳情 GET /skills/vuejs-ai-vue-pinia-best-practices.md 已簽名 manifest GET /api/skills/vuejs-ai-vue-pinia-best-practices/manifest 已簽名 lockfile GET /api/skills/vuejs-ai-vue-pinia-best-practices/lockfile

測試它

正在使用「vue-pinia-best-practices」。 A Vue app crashes with getActivePinia during startup.

預期結果:

回應會識別過早存取 store、檢查 plugin 順序，並建議在使用 stores 的 router guards 之前先安裝 Pinia。

正在使用「vue-pinia-best-practices」。 A component destructures name and isLoggedIn from a Pinia store and the UI stops updating.

預期結果:

回應會說明 state 與 getters 需要 storeToRefs，而 actions 可維持為直接的函式參照。

正在使用「vue-pinia-best-practices」。 A products page stores filters only in Pinia and loses them on refresh.

預期結果:

回應會建議將可分享的 filters 放在 URL query parameters 中，並將私密或不可分享的 state 保留在 store 中。

安全審計

安全

v5 • 2026/7/7 開啟版本化報告

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.

已掃描檔案

1,387

分析行數

複核項目

已忽略的誤報

風險因素

⚡ 包含腳本 (2)

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

⚙️ 外部命令 (2)

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

🌐 網路存取 (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

最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。

審計單位: codex 檢視審計紀錄 →

分享與引用此報告

分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。

開啟版本化報告

複製報告連結

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

Markdown 徽章

[![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 徽章

<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>

嵌入卡片

<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>

學術引用 (APA · BibTeX · CFF)

APA 引用

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 引用

@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 評分

評分依據證據置信度: 高

架構

100

可維護性

內容

社群

規範符合度

你可以打造什麼

修復 Pinia 啟動失敗

使用此技能找出為何 store 會在 Pinia 安裝前被呼叫，並調整 app 或 router 的設定順序。

審查 Store 反應性錯誤

使用此技能在 Vue components 中找出直接解構、缺少 storeToRefs 使用，以及方法綁定錯誤。

設計可擴展的狀態模式

使用此技能判斷資料何時應屬於 Pinia、URL query parameters、component state，或更簡單的 reactive store。

試試這些提示

檢查我的 Store 設定

Review my Vue app setup for Pinia ordering problems. Explain why getActivePinia errors happen and show the smallest safe fix.

找出反應性錯誤

Inspect this component for Pinia destructuring or method binding issues. Tell me what should use storeToRefs and what can be destructured directly.

改善 Setup Store 設計

Review this Pinia setup store for SSR, DevTools, and plugin compatibility. Identify any state that should be returned or renamed.

規劃狀態歸屬

Map this feature state across Pinia, URL query parameters, and local component state. Explain the tradeoffs for refresh, sharing, privacy, and debugging.