Fähigkeiten vue-router-best-practices

📦

vue-router-best-practices

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

v1.0.0 Inhaltsrevision r2 Sicher ⚡ Enthält Skripte⚙️ Externe Befehle

Zuverlässigkeit von Vue Router Guards verbessern

Fehler mit Vue Router können veraltete Daten, umgangene Prüfungen und Weiterleitungsschleifen verursachen. Dieser Skill bietet fokussierte Muster für sichere Guards, Routenaktualisierungen, Cleanup und produktionsreifes Routing.

Unterstützt: Claude Codex Code(CC)

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

Testen

„vue-router-best-practices“ wird verwendet. Eine Route verwendet beforeEnter, um Benutzerprofile zu schützen, aber Benutzer können Profil-IDs wechseln, ohne dass eine weitere Prüfung erfolgt.

Erwartetes Ergebnis:

Der Skill würde erklären, warum beforeEnter bei Parameteränderungen derselben Route nicht ausgeführt wird, und einen Update Guard innerhalb der Komponente empfehlen.

„vue-router-best-practices“ wird verwendet. Ein Auth Guard leitet jeden nicht authentifizierten Benutzer zur Login-Route weiter, einschließlich Benutzer, die bereits zum Login navigieren.

Erwartetes Ergebnis:

Der Skill würde das Risiko einer Weiterleitungsschleife erkennen und empfehlen, öffentliche Routen auszuschließen oder route meta Prüfungen zu verwenden.

„vue-router-best-practices“ wird verwendet. Ein kleiner Prototyp verwendet hashchange Routing und entwickelt sich zu einer produktionsreifen SPA.

Erwartetes Ergebnis:

Der Skill würde die Grenzen einfachen Routings mit Vue Router Funktionen wie Guards, verschachtelten Routen und Lazy Loading vergleichen.

Sicherheitsaudit

Sicher

v5 • 23.7.2026 Versionsbericht öffnen

All 15 static findings are false positives from documented Vue Router examples. Fixed local imports, JavaScript template literals, route checks, and framework warnings do not create execution or reconnaissance risks. No prompt injection or malicious intent was found.

Gescannte Dateien

1,540

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Risikofaktoren

⚡ Enthält Skripte (6)

reference/router-beforerouteenter-no-this.md:131 reference/router-use-vue-router-for-production.md:75 reference/router-use-vue-router-for-production.md:81 reference/router-use-vue-router-for-production.md:87 reference/router-use-vue-router-for-production.md:94 reference/router-use-vue-router-for-production.md:100

⚙️ Externe Befehle (2)

reference/router-navigation-guard-infinite-loop.md:155-164 reference/router-navigation-guard-infinite-loop.md:164-166

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/antfu-vue-router-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/antfu-vue-router-best-practices/security.svg)](https://skillstore.io/skills/antfu-vue-router-best-practices?utm_source=security_passport_badge)

HTML-Badge

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

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/antfu-vue-router-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-router-best-practices security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/antfu-vue-router-best-practices/audits/5

BibTeX-Zitat

@techreport{github-com-vuejs-ai-antfu-vue-router-best-practices-2026,
  author = {github.com/vuejs-ai},
  title = {vue-router-best-practices security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/antfu-vue-router-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-router-best-practices security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
  - name: "github.com/vuejs-ai"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-vue-router-best-practices/audits/5"
identifiers:
  - type: other
    value: "skillstore:antfu-vue-router-best-practices:audit:5"
    description: "Skillstore immutable audit report identifier"

Varianten vergleichen

2 installierbare Varianten

Jeder Autor bleibt ein eigener installierbarer Skill. Die empfohlene Variante wird nach Skillstore-Nachweisen bewertet.

Warum diese Variante zuerst steht

Höhere Skillstore-Nutzung

Autor / Quelle Skillstore-Score Evidenzvertrauen Skillstore-Nutzung Aktualisiert

github.com/vuejs-ai Empfohlen Aktuell

antfu-vue-router-best-practices

Skillstore-Score 80

Evidenzvertrauen Hoch

Skillstore-Nutzung 23

Aktualisiert

2026-09-09

github.com/vuejs-ai

vuejs-ai-vue-router-best-practices

Skillstore-Score 80

Evidenzvertrauen Hoch

Skillstore-Nutzung 19

Aktualisiert

2026-09-09

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

100

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Guard-Bypass-Bugs beheben

Routen überprüfen, bei denen Änderungen an Parametern oder Query-Werten erwartete beforeEnter Prüfungen überspringen können.

Auth-Navigation stabilisieren

Auth Guards verbessern, die async Prüfungen, Weiterleitungen und Fehlerbehandlung durchführen.

SPA-Routing vorbereiten

Von einfachem Hash-Routing zu einer wartbaren Vue Router Produktionskonfiguration wechseln.

Diese Prompts ausprobieren

Route Guard prüfen

Überprüfe meinen Vue Router Guard auf häufige Fehler. Konzentriere dich auf Weiterleitungen, async Verhalten und Änderungen an Routenparametern.

Veraltete Routendaten beheben

Hilf mir, eine Vue Komponente zu aktualisieren, die veraltete Daten behält, wenn sich der Routenparameter ändert. Erkläre das beste Muster dafür.

Auth-Navigation entwerfen

Entwirf einen Vue Router Auth-Flow mit öffentlichen Routen, geschützten Routen, Redirect-Queries, Timeout-Behandlung und Loop Prevention.

Routing-Architektur auditieren

Auditiere dieses Vue Router Setup auf Produktionsreife. Behandle Lazy Loading, route meta, Lifecycle-Handling, Cleanup und Fälle von Navigationsfehlern.

Bewährte Praktiken

Verwende Update Guards innerhalb von Komponenten oder Watchers, wenn Routenparameter die angezeigten Daten steuern.
Warte async Navigationsprüfungen ab und gib explizite Redirect- oder Proceed-Ergebnisse zurück.
Verwende route meta Felder und Sets öffentlicher Routen, um Weiterleitungsschleifen zu verhindern.

Vermeiden

Sich bei Parameter- oder Query-Änderungen derselben Route auf beforeEnter verlassen.
async Auth-Prüfungen starten, ohne auf ihr Ergebnis zu warten.
Zu einer geschützten Route weiterleiten, ohne zu prüfen, ob die Navigation bereits dort ist.