@the-bearded-bear/claude-craft 8.8.1 → 8.8.2

package/Dev/i18n/fr/VueJS/commands/check-compliance.md

@@ -1,128 +1,253 @@
 ---
-description: Audit Vue.js project compliance with coding standards and best practices
+description: Vérification Complète de la Conformité Vue.js
+argument-hint: [arguments]
 ---
 
-# Vue.js Compliance Audit
+# Vérification Complète de la Conformité Vue.js
 
-You are an expert Vue.js auditor. Perform a comprehensive compliance check on this project.
+## Arguments
 
-## MISSION
-
-Audit the project for compliance with Vue.js 3 best practices, Composition API standards, and TypeScript conventions.
+$ARGUMENTS (optionnel : chemin du projet à analyser)
 
 ## Mode Plan
 
 > Le mode plan est activé automatiquement lorsque le périmètre couvre plusieurs modules ou nécessite une investigation transversale.
 
-## AUDIT CHECKLIST
+## MISSION
 
-### 1. Project Structure (20 points)
+Réaliser un audit complet de conformité du projet Vue.js en orchestrant les 4 grandes vérifications : Architecture, Qualité du Code, Tests et Sécurité. Produire un rapport consolidé avec un score global sur 100 points.
 
-```
-[ ] src/components/ - Shared components organized
-[ ] src/composables/ - Composition functions present
-[ ] src/stores/ - Pinia stores properly structured
-[ ] src/router/ - Vue Router configuration
-[ ] src/types/ - TypeScript types defined
-[ ] src/services/ - API services separated
-```
+### Étape 1 : Préparation de l'audit
 
-### 2. Component Standards (25 points)
+Préparer l'environnement d'audit :
+- [ ] Identifier le chemin du projet à auditer
+- [ ] Vérifier la présence des fichiers de configuration (package.json, tsconfig.json, vite.config.ts)
+- [ ] Lister les répertoires principaux (src/, tests/, public/, etc.)
+- [ ] Identifier la structure du projet et la version Vue.js
 
-```
-[ ] Using <script setup> syntax
-[ ] TypeScript with lang="ts"
-[ ] Props defined with defineProps<T>()
-[ ] Emits defined with defineEmits<T>()
-[ ] Components are multi-word named
-[ ] Base components use Base prefix
-```
+**Note** : Si $ARGUMENTS est fourni, l'utiliser comme chemin du projet, sinon utiliser le répertoire courant.
 
-### 3. Composition API (20 points)
+### Étape 2 : Audit Architecture (25 points)
 
-```
-[ ] No Options API in new components
-[ ] Composables follow use* naming
-[ ] Reactive state properly typed
-[ ] Computed properties used correctly
-[ ] Watchers cleaned up
-```
+Exécuter la vérification complète de l'architecture :
 
-### 4. Pinia Stores (15 points)
+**Commande** : Utiliser la commande slash `/vuejs:check-architecture` ou suivre manuellement les étapes dans `check-architecture.md`
 
-```
-[ ] Setup syntax stores (composition style)
-[ ] Proper TypeScript typing
-[ ] Actions are async when needed
-[ ] Getters use computed
-[ ] No direct state mutation from components
-```
+**Critères évalués** :
+- Organisation des composants et des fonctionnalités (6 pts)
+- Structure et réutilisation des composables (6 pts)
+- Architecture du store Pinia (4 pts)
+- Configuration du routeur et lazy loading (4 pts)
+- Séparation des modules partagés/communs (3 pts)
+- Règles de dépendances et exports barrel (2 pts)
 
-### 5. TypeScript Integration (20 points)
+**Référence** : `check-architecture.md`
 
-```
-[ ] Strict mode enabled
-[ ] No implicit any
-[ ] Props and emits fully typed
-[ ] Interfaces for complex types
-[ ] Type-only imports used
-```
+### Étape 3 : Audit Qualité du Code (25 points)
+
+Exécuter la vérification de la qualité du code :
+
+**Commande** : Utiliser la commande slash `/vuejs:check-code-quality` ou suivre manuellement les étapes dans `check-code-quality.md`
+
+**Critères évalués** :
+- Mode strict TypeScript et sûreté des types (5 pts)
+- Conformité ESLint et Prettier (5 pts)
+- Utilisation de la Composition API et de script setup (4 pts)
+- Principes KISS/DRY/YAGNI (4 pts)
+- Conventions de nommage (4 pts)
+- Gestion des erreurs (3 pts)
+
+**Référence** : `check-code-quality.md`
+
+### Étape 4 : Audit Tests (25 points)
 
-## OUTPUT FORMAT
+Exécuter la vérification des tests :
+
+**Commande** : Utiliser la commande slash `/vuejs:check-testing` ou suivre manuellement les étapes dans `check-testing.md`
+
+**Critères évalués** :
+- Couverture du code (7 pts)
+- Tests unitaires pour les composables et les stores (6 pts)
+- Tests de composants avec Vue Test Utils (4 pts)
+- Tests d'intégration (3 pts)
+- Qualité des tests et pattern AAA (3 pts)
+- Organisation des mocks et des fixtures (2 pts)
+
+**Référence** : `check-testing.md`
+
+### Étape 5 : Audit Sécurité (25 points)
+
+Exécuter la vérification de sécurité :
+
+**Commande** : Utiliser la commande slash `/vuejs:check-security` ou suivre manuellement les étapes dans `check-security.md`
+
+**Critères évalués** :
+- Prévention XSS (utilisation de v-html) (6 pts)
+- Gestion des secrets et des identifiants (5 pts)
+- Validation et assainissement des entrées (4 pts)
+- Vulnérabilités des dépendances (4 pts)
+- Authentification et route guards (3 pts)
+- Communication API sécurisée (2 pts)
+- Protection CSRF (1 pt)
+
+**Référence** : `check-security.md`
+
+### Étape 6 : Consolidation et Score Global
+
+Calculer le score global et produire le rapport consolidé :
+- [ ] Additionner les 4 scores (max 100 points)
+- [ ] Identifier les catégories critiques (<50%)
+- [ ] Lister tous les problèmes transversaux critiques
+- [ ] Prioriser les actions par impact/effort
+- [ ] Produire le rapport final consolidé
+
+**Échelle de notation** :
+- 90-100 : Excellent - Projet de référence
+- 75-89 : Très bien - Quelques améliorations mineures
+- 60-74 : Acceptable - Des améliorations sont nécessaires
+- 40-59 : Insuffisant - Refactoring majeur requis
+- 0-39 : Critique - Refonte complète nécessaire
+
+### Étape 7 : Recommandations et Plan d'Action
+
+Produire les recommandations finales :
+- [ ] Identifier les 3 actions prioritaires dans toutes les catégories
+- [ ] Estimer l'effort (Faible/Moyen/Élevé) pour chaque action
+- [ ] Estimer l'impact (Faible/Moyen/Élevé) pour chaque action
+- [ ] Proposer un ordre d'implémentation
+- [ ] Suggérer des gains rapides (ratio impact/effort élevé)
+
+## FORMAT DE SORTIE
 
 ```
-══════════════════════════════════════════════════════════════
-VUE.JS COMPLIANCE AUDIT
-══════════════════════════════════════════════════════════════
-
-📊 SUMMARY
-──────────────────────────────────────────────────────────────
-Total Score: XX/100
-Status: ✅ COMPLIANT | ⚠️ NEEDS WORK | ❌ NON-COMPLIANT
-
-📁 PROJECT STRUCTURE: XX/20
-──────────────────────────────────────────────────────────────
-[✓] Organized component structure
-[✗] Missing composables directory
-    → Create src/composables/ for reusable logic
-
-🧩 COMPONENT STANDARDS: XX/25
-──────────────────────────────────────────────────────────────
-[✓] Using <script setup>
-[✗] Some components use Options API
-    Files: src/components/OldComponent.vue
-    → Migrate to Composition API
-
-🔧 COMPOSITION API: XX/20
-──────────────────────────────────────────────────────────────
-[✓] Composables properly named
-[✗] Missing cleanup in watchers
-    File: src/composables/useData.ts:45
-
-🏪 PINIA STORES: XX/15
-──────────────────────────────────────────────────────────────
-[✓] Setup syntax used
-[✓] Proper typing
-
-📝 TYPESCRIPT: XX/20
-──────────────────────────────────────────────────────────────
-[✓] Strict mode enabled
-[✗] Implicit any found
-    File: src/utils/helpers.ts:12
-
-📋 RECOMMENDATIONS
-──────────────────────────────────────────────────────────────
-1. [HIGH] Migrate remaining Options API components
-2. [MEDIUM] Add missing type definitions
-3. [LOW] Organize composables by feature
-
-══════════════════════════════════════════════════════════════
+AUDIT DE CONFORMITÉ VUE.JS - RAPPORT COMPLET
+=============================================
+
+SCORE GLOBAL : XX/100
+
+NIVEAU DE CONFORMITÉ : [Excellent/Très bien/Acceptable/Insuffisant/Critique]
+
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+SCORES PAR CATÉGORIE :
+
+ARCHITECTURE       : XX/25  [██████████░░░░░░░░░░] XX%
+QUALITÉ DU CODE    : XX/25  [██████████░░░░░░░░░░] XX%
+TESTS              : XX/25  [██████████░░░░░░░░░░] XX%
+SÉCURITÉ           : XX/25  [██████████░░░░░░░░░░] XX%
+
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+POINTS FORTS GLOBAUX :
+1. [Point fort identifié dans plusieurs catégories]
+2. [Autre point fort majeur]
+3. [Troisième point fort]
+
+AMÉLIORATIONS GLOBALES :
+1. [Amélioration transversale mineure]
+2. [Autre amélioration recommandée]
+3. [Troisième amélioration]
+
+PROBLÈMES CRITIQUES :
+1. [Problème critique #1 - catégorie concernée]
+2. [Problème critique #2 - catégorie concernée]
+3. [Problème critique #3 - catégorie concernée]
+
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+DÉTAILS PAR CATÉGORIE :
+
+┌─────────────────────────────────────────────┐
+│ ARCHITECTURE (XX/25)                        │
+└─────────────────────────────────────────────┘
+
+Sous-scores :
+  • Organisation composants/fonctionnalités   : XX/6
+  • Structure des composables                 : XX/6
+  • Architecture store Pinia                  : XX/4
+  • Routeur et lazy loading                   : XX/4
+  • Séparation des modules partagés           : XX/3
+  • Règles de dépendances                     : XX/2
+
+Points forts :
+- [Points forts d'architecture]
+
+Problèmes :
+- [Problèmes d'architecture]
+
+[Sections similaires pour Qualité du Code, Tests et Sécurité...]
+
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+TOP 3 DES ACTIONS PRIORITAIRES (TOUTES CATÉGORIES) :
+
+1. CRITIQUE - [Action #1]
+   Catégorie  : [Architecture/Qualité/Tests/Sécurité]
+   Impact     : [Élevé/Moyen/Faible]
+   Effort     : [Élevé/Moyen/Faible]
+   Priorité   : IMMÉDIATE
+
+   Description détaillée :
+   [Explication du problème et solution proposée]
+
+   Fichiers concernés :
+   - [fichier:ligne]
+
+   Exemple de correction :
+   [Code ou commande de correction]
+
+2. IMPORTANT - [Action #2]
+   [Même format...]
+
+3. RECOMMANDÉ - [Action #3]
+   [Même format...]
+
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+GAINS RAPIDES (Impact Élevé / Effort Faible) :
+
+- [Gain rapide #1] - Catégorie : [X] - Impact : [X] - Effort : [X]
+- [Gain rapide #2] - Catégorie : [X] - Impact : [X] - Effort : [X]
+- [Gain rapide #3] - Catégorie : [X] - Impact : [X] - Effort : [X]
+
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+PLAN D'ACTION RECOMMANDÉ :
+
+SEMAINE 1 (Immédiat) :
+- [ ] [Action critique #1]
+- [ ] [Gain rapide prioritaire]
+
+SEMAINES 2-4 (Court terme) :
+- [ ] [Action importante #2]
+- [ ] [Autres gains rapides]
+
+MOIS 2-3 (Moyen terme) :
+- [ ] [Action recommandée #3]
+- [ ] [Améliorations progressives]
+
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+RÉSUMÉ EXÉCUTIF :
+
+[Paragraphe de synthèse sur l'état global du projet, les principaux
+points forts, les principales faiblesses et la trajectoire recommandée
+pour améliorer la conformité. Mentionner si le projet est prêt pour
+la production, nécessite des corrections ou un refactoring.]
+
+Recommandation générale : [Prêt pour la production / Corrections mineures /
+Refactoring majeur / Refonte nécessaire]
+
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ```
 
-## PROCESS
+## NOTES IMPORTANTES
 
-1. Scan project structure
-2. Analyze component files for standards
-3. Check composables and stores
-4. Verify TypeScript configuration
-5. Generate compliance report with score
+- Cette commande orchestre les 4 audits spécialisés
+- Utiliser Docker pour tous les outils d'analyse
+- Fournir des exemples concrets avec fichier:ligne pour chaque problème
+- Prioriser les actions selon la matrice Impact/Effort
+- Les problèmes de sécurité sont TOUJOURS prioritaires
+- Proposer des corrections automatisables (scripts, hooks pre-commit)
+- Le rapport doit être actionnable, pas seulement descriptif
+- Adapter les recommandations au contexte métier du projet