Fähigkeiten vue-pinia-best-practices

📦

vue-pinia-best-practices

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

v1.0.0 Inhaltsrevision r1 Sicher ⚡ Enthält Skripte⚙️ Externe Befehle🌐 Netzwerkzugriff

Vue-Pinia-Store-Muster verbessern

Vue-Anwendungen scheitern häufig, weil Store-Einrichtung, Destrukturierung und Regeln für URL-Zustand leicht übersehen werden. Diese Skill gibt Claude, Codex und Claude Code fokussierte Pinia-Anleitung für zuverlässige Stores und vorhersehbare Reaktivität.

Unterstützt: Claude Codex Code(CC)

🥈 80 Silber

Maintain this Skill? Claim it 🥈 80 Silber

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage

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.

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

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

Testen

„vue-pinia-best-practices“ wird verwendet. Eine Vue-App stürzt beim Start mit getActivePinia ab.

Erwartetes Ergebnis:

Die Antwort identifiziert zu frühen Store-Zugriff, prüft die Plugin-Reihenfolge und empfiehlt, Pinia vor Router-Guards zu installieren, die Stores verwenden.

„vue-pinia-best-practices“ wird verwendet. Eine Komponente destrukturiert name und isLoggedIn aus einem Pinia-Store, und die UI aktualisiert sich nicht mehr.

Erwartetes Ergebnis:

Die Antwort erklärt, dass Zustand und Getter storeToRefs benötigen, während Actions direkte Funktionsreferenzen bleiben können.

„vue-pinia-best-practices“ wird verwendet. Eine Produktseite speichert Filter nur in Pinia und verliert sie beim Aktualisieren.

Erwartetes Ergebnis:

Die Antwort empfiehlt URL-Abfrageparameter für teilbare Filter und behält privaten oder nicht teilbaren Zustand im Store.

Sicherheitsaudit

Sicher

v5 • 7.7.2026 Versionsbericht öffnen

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.

Gescannte Dateien

1,387

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Risikofaktoren

⚡ Enthält Skripte (2)

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

⚙️ Externe Befehle (2)

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

🌐 Netzwerkzugriff (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

Das letzte abgeschlossene statische und semantische Audit erkannte keine bestätigten Sicherheitsbefunde. Dies beweist nicht, dass der Skill keine Nebenwirkungen hat.

Geprüft von: codex Audit-Verlauf anzeigen →

Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen

Berichtslink kopieren

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>

Einbettungskarte

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

Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

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

@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

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

100

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Pinia-Startfehler beheben

Nutze die Skill, um zu identifizieren, warum ein Store aufgerufen wird, bevor Pinia installiert ist, und passe die App- oder Router-Einrichtungsreihenfolge an.

Store-Reaktivitätsfehler prüfen

Nutze die Skill, um direkte Destrukturierung, fehlende storeToRefs-Nutzung und Fehler beim Binden von Methoden in Vue-Komponenten zu finden.

Skalierbare Zustandsmuster entwerfen

Nutze die Skill, um zu entscheiden, wann Daten in Pinia, URL-Abfrageparameter, Komponentenstatus oder einen einfacheren reaktiven Store gehören.

Diese Prompts ausprobieren

Meine Store-Einrichtung prüfen

Überprüfe meine Vue-App-Einrichtung auf Probleme mit der Pinia-Reihenfolge. Erkläre, warum getActivePinia-Fehler auftreten, und zeige die kleinste sichere Korrektur.

Reaktivitätsfehler finden

Untersuche diese Komponente auf Pinia-Destrukturierungs- oder Methodenbindungsprobleme. Sag mir, was storeToRefs verwenden sollte und was direkt destrukturiert werden kann.

Setup-Store-Design verbessern

Überprüfe diesen Pinia setup store auf SSR-, DevTools- und Plugin-Kompatibilität. Identifiziere jeglichen Zustand, der zurückgegeben oder umbenannt werden sollte.

Zustandsverantwortung planen

Ordne diesen Feature-Zustand Pinia, URL-Abfrageparametern und lokalem Komponentenstatus zu. Erkläre die Kompromisse für Aktualisieren, Teilen, Datenschutz und Debugging.

Bewährte Praktiken

Installiere Pinia vor Plugins, Router-Guards oder Modulen, die Stores aufrufen.
Verwende storeToRefs für Zustand und Getter und destrukturiere Actions direkt.
Halte teilbare Filter in der URL und reserviere Stores für Anwendungszustand.

Vermeiden

useStore auf Modulebene aufrufen, bevor die Vue-App Pinia installiert hat.
Pinia-Zustand oder Getter direkt destrukturieren und reaktive Aktualisierungen erwarten.
Jedes Store-Feld persistieren, ohne Datenschutz-, Sicherheits- und Hydrationsanforderungen zu prüfen.

Häufig gestellte Fragen

Für welche Vue-Version ist diese Skill gedacht?

Es ist für Vue 3-Anwendungen geschrieben, die Pinia für die Zustandsverwaltung verwenden.

Kann es bei getActivePinia-Fehlern helfen?

Ja. Es erklärt den Zeitpunkt der Store-Initialisierung, Plugin-Reihenfolge, Router-Guard-Zugriff und sichere Orte für Store-Aufrufe.

Ersetzt es die Pinia-Dokumentation?

Nein. Es fasst häufige Stolperfallen zusammen und weist Agenten auf praktische Review-Muster hin.

Kann es Vuex-Code automatisch migrieren?

Nein. Es kann Migrationsentscheidungen anleiten, aber Codeänderungen hängen von der Projektstruktur ab.

Deckt es SSR-Aspekte ab?

Ja. Es erklärt, warum setup stores allen relevanten Zustand für Hydration, DevTools und Plugins zurückgeben sollten.

Ist die Nutzung mit privatem Anwendungscode sicher?

Die Skill ist rein dokumentationsbasiert, aber Benutzer sollten generierte Empfehlungen trotzdem prüfen, bevor sie Persistenz- oder Token-Handling-Muster anwenden.