Compétences vue-router-best-practices

📦

vue-router-best-practices

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

v1.0.0 Révision du contenu r1 Sûr ⚡ Contient des scripts⚙️ Commandes externes

Améliorer les garde-fous de navigation Vue Router

Les problèmes de Vue Router peuvent provoquer des données obsolètes, des redirections cassées et des vérifications de route fragiles. Cette skill propose des schémas ciblés pour les gardes, les paramètres, le nettoyage et le routage en production.

Prend en charge: Claude Codex Code(CC)

🥈 80 Argent

Maintain this Skill? Claim it 🥈 80 Argent

Installer avec mon Agent

Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.

Demande d’agent

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

Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.

Ressources lisibles par les agents

Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.

Détail Markdown GET /skills/vuejs-ai-vue-router-best-practices.md manifest signé GET /api/skills/vuejs-ai-vue-router-best-practices/manifest lockfile signé GET /api/skills/vuejs-ai-vue-router-best-practices/lockfile

Tester

Utilisation de « vue-router-best-practices ». A user detail page shows the previous user after moving from one user route to another.

Résultat attendu:

La réponse identifie la réutilisation du composant comme cause. Elle recommande de surveiller l'id de route ou d'utiliser onBeforeRouteUpdate pour obtenir des données fraîches.

Utilisation de « vue-router-best-practices ». An auth guard redirects every unauthenticated navigation to the login route.

Résultat attendu:

La réponse explique le risque de boucle de redirection. Elle recommande d'exclure les routes publiques ou d'utiliser le route meta avant de retourner une redirection vers la connexion.

Utilisation de « vue-router-best-practices ». A team wants to replace a simple hash router in a production Vue app.

Résultat attendu:

La réponse compare le routage simple avec les fonctionnalités de Vue Router. Elle met en avant le lazy loading, le route meta, le mode history et les guards de navigation.

Audit de sécurité

Sûr

v5 • 07/07/2026 Ouvrir le rapport versionné

All 15 static findings were false positives after context review. The dynamic imports are static Vue Router lazy-loading examples, the backticks are JavaScript log template literals, and the route checks are tutorial code. No evidence found of prompt injection, data exfiltration, filesystem access, command execution, or malicious intent.

Fichiers analysés

1,512

Lignes analysées

Éléments à examiner

Faux positifs ignorés

Facteurs de risque

⚡ Contient des scripts (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

⚙️ Commandes externes (2)

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

Le dernier audit statique et sémantique terminé n’a détecté aucun constat de sécurité confirmé. Cela ne prouve pas que le skill est sans effets secondaires.

Audité par: codex Voir l’historique des audits →

Partager et citer ce rapport

Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.

Ouvrir le rapport versionné

Copier le lien du rapport

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

Badge Markdown

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

Badge HTML

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

Carte intégrable

<iframe src="https://skillstore.io/embed/skills/vuejs-ai-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>

Citations académiques (APA · BibTeX · CFF)

Citation APA

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/vuejs-ai-vue-router-best-practices/audits/5

Citation BibTeX

@techreport{github-com-vuejs-ai-vuejs-ai-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/vuejs-ai-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-07"
url: "https://skillstore.io/skills/vuejs-ai-vue-router-best-practices/audits/5"
identifiers:
  - type: other
    value: "skillstore:vuejs-ai-vue-router-best-practices:audit:5"
    description: "Skillstore immutable audit report identifier"

Comparer les variantes

2 variantes installables

Chaque auteur reste un skill installable distinct. La variante recommandée est classée selon les preuves Skillstore.

Pourquoi cette variante est première

Utilisation Skillstore plus élevée

Auteur / source Score Skillstore Niveau de confiance des preuves Utilisation Skillstore Mis à jour

github.com/vuejs-ai Recommandé

antfu-vue-router-best-practices

Score Skillstore 80

Niveau de confiance des preuves Élevé

Utilisation Skillstore 31

Mis à jour

2026-10-24

github.com/vuejs-ai Actuelle

vuejs-ai-vue-router-best-practices

Score Skillstore 80

Niveau de confiance des preuves Élevé

Utilisation Skillstore 25

Mis à jour

2026-09-09

Score Skillstore

Pourquoi ce score Niveau de confiance des preuves: Élevé

Architecture

100

Maintenabilité

Contenu

Communauté

Conformité aux spécifications

Ce que vous pouvez créer

Corriger des bugs de guards

Diagnostiquer les redirections, les awaits manquants et les appels next obsolètes dans les guards de navigation Vue Router.

Relire les données pilotées par les routes

Vérifier si les changements de paramètres de route rechargent les données via des watchers ou des guards de mise à jour dans le composant.

Planifier le routage de production

Choisir des schémas Vue Router pour le lazy loading, le route meta, le mode history et les responsabilités de nettoyage.

Essayez ces prompts

Identifier le problème de router

Use the vue-router-best-practices skill to explain why my Vue Router navigation behaves incorrectly. Focus on guards, params, and lifecycle timing.

Corriger un guard d'authentification

Use the vue-router-best-practices skill to review my auth guard. Replace deprecated next usage with return-based Vue Router 4 patterns.

Gérer les changements de paramètres

Use the vue-router-best-practices skill to design a safe pattern for loading data when route params change in a reused component.

Auditer l'architecture de routage

Use the vue-router-best-practices skill to audit my SPA routing architecture for redirect loops, async guard failures, cleanup gaps, and production readiness.

Bonnes pratiques

Utiliser des guards Vue Router 4 basés sur le retour pour les redirections, l'annulation et la navigation normale.
Gérer les changements de paramètres sur la même route avec des watchers ou onBeforeRouteUpdate.
Utiliser Vue Router pour les SPA de production plutôt qu'un routage hash fait maison.

Éviter

S'appuyer sur beforeEnter pour valider les changements de paramètres au sein de la même route.
Appeler next plus d'une fois ou oublier de l'appeler dans les guards hérités.
Ajouter des écouteurs hashchange sans les supprimer lors du nettoyage du composant.