Fähigkeiten vue-options-api-best-practices

📦

vue-options-api-best-practices

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

v2.0.0 Inhaltsrevision r1 Sicher ⚙️ Externe Befehle🌐 Netzwerkzugriff

Vue-Options-API-Komponenten verbessern

Vue-Options-API-Projekte können Typsicherheit und korrektes this-Binding verlieren. Diese Skill bietet direkte Muster für sicherere Vue-Komponenten.

Unterstützt: Claude Codex Code(CC)

🥈 81 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-options-api-best-practices" from https://skillstore.io/skills/vuejs-ai-vue-options-api-best-practices.md and its manifest at https://skillstore.io/api/skills/vuejs-ai-vue-options-api-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-options-api-best-practices.md Signiertes manifest GET /api/skills/vuejs-ai-vue-options-api-best-practices/manifest Signiertes lockfile GET /api/skills/vuejs-ai-vue-options-api-best-practices/lockfile

Testen

„vue-options-api-best-practices“ wird verwendet. Ein mounted-Hook verwendet eine Arrow Function und kann Komponentendaten nicht lesen.

Erwartetes Ergebnis:

Der Hook sollte reguläre Funktionssyntax oder Method Shorthand verwenden. Vue kann this dann an die Komponenteninstanz binden.

„vue-options-api-best-practices“ wird verwendet. Eine Komponente akzeptiert ein user object prop, und TypeScript leitet einen breiten object type ab.

Erwartetes Ergebnis:

Definiere ein User interface und verwende Vue PropType für das prop. Füge Runtime-Validierung hinzu, wenn die Objektstruktur geprüft werden muss.

„vue-options-api-best-practices“ wird verwendet. Eine debounced method verhält sich über wiederholte Komponenteninstanzen hinweg falsch.

Erwartetes Ergebnis:

Erstelle die debounced function pro Instanz in einem Lifecycle-Hook. Brich Timer beim Unmount ab, um gemeinsam genutzten Zustand und Leaks zu vermeiden.

Sicherheitsaudit

Sicher

v4 • 7.7.2026 Versionsbericht öffnen

The static alerts are false positives caused by Markdown code fences, TypeScript template literals, Vue documentation links, and DOM event property names. No prompt injection, secret handling, command execution, or executable network behavior was found in the reviewed skill content.

Gescannte Dateien

1,509

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Risikofaktoren

⚙️ Externe Befehle (8)

reference/no-arrow-functions-in-lifecycle-hooks.md:27-44 reference/no-arrow-functions-in-lifecycle-hooks.md:68-74 reference/no-arrow-functions-in-methods.md:28-38 reference/no-arrow-functions-in-methods.md:60-65 reference/ts-options-api-computed-return-types.md:79-84 reference/ts-options-api-computed-return-types.md:84-88 reference/ts-options-api-computed-return-types.md:106-116 reference/ts-strict-mode-options-api.md:120-124

🌐 Netzwerkzugriff (1)

reference/no-arrow-functions-in-methods.md:57

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-options-api-best-practices/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

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

HTML-Badge

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

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/vuejs-ai-vue-options-api-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-options-api-best-practices security audit report (audit version 4) [Author version 2.0.0]. Skillstore. https://skillstore.io/skills/vuejs-ai-vue-options-api-best-practices/audits/4

BibTeX-Zitat

@techreport{github-com-vuejs-ai-vuejs-ai-vue-options-api-best-practices-2026,
  author = {github.com/vuejs-ai},
  title = {vue-options-api-best-practices security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/vuejs-ai-vue-options-api-best-practices/audits/4},
  note = {Author version 2.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-options-api-best-practices security audit report (audit version 4)"
version: "2.0.0"
type: report
authors:
  - name: "github.com/vuejs-ai"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vuejs-ai-vue-options-api-best-practices/audits/4"
identifiers:
  - type: other
    value: "skillstore:vuejs-ai-vue-options-api-best-practices:audit:4"
    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

This-Binding-Fehler beheben

Nutze die Referenzen zu Lifecycle und Methoden, um Arrow Functions zu finden, die den Zugriff auf die Komponenteninstanz verhindern.

TypeScript-Komponenten stärken

Wende defineComponent, PropType, strict mode und explizite Rückgabetypen in bestehenden Options-API-Komponenten an.

Legacy-Vue-Code prüfen

Prüfe ältere Options-API-Komponenten auf gemeinsam genutzte zustandsbehaftete Methoden, schwache Event-Typisierung und veraltete Validator-Muster.

Diese Prompts ausprobieren

This-Binding-Problem finden

Überprüfe diese Vue-Options-API-Komponente und erkläre, warum this undefined ist. Konzentriere dich auf methods und lifecycle hooks. [Paste component]

TypeScript-Props hinzufügen

Hilf mir, diese Vue-Options-API-props mit TypeScript zu typisieren. Beziehe PropType-Hinweise für objects, arrays und functions ein. [Paste props]

Event Handlers verbessern

Überprüfe diese Options-API-event handlers. Empfiehl explizite event types und sichereres target handling. [Paste methods and template]

Komponentenpraktiken auditieren

Auditiere diese Vue-Options-API-Komponente auf this binding, strikte TypeScript-Unterstützung, computed return types und stateful methods. [Paste component]

Bewährte Praktiken

Verwende Method Shorthand oder reguläre Funktionen für Options-API-Methoden und Lifecycle-Hooks.
Umschließe TypeScript-Options-API-Komponenten mit defineComponent und aktiviere strikte Prüfung.
Füge explizite Typen für komplexe props, events, computed values und injected properties hinzu.

Vermeiden

Arrow Functions als Lifecycle-Hooks oder Top-Level-Options-API-Methoden verwenden.
Sich auf untypisierte Event-Parameter und breite object prop inference verlassen.
Gemeinsam genutzte debounced oder throttled methods direkt in der methods option erstellen.