Cette compétence rassemble des motifs pratiques pour intégrer l'authentification Clerk dans des applications Vue 3. Elle documente comment configurer le plugin Clerk, utiliser des composables comme useAuth et useUser, implémenter des gardes de navigation Vue Router et relier Clerk à un store d'authentification Pinia. Les conseils incluent des extraits de code d'exemple et les pièges courants à éviter lors de la déstructuration de composables réactifs.
Utilisez cette compétence lorsque vous construisez un projet basé sur Vue 3 ou Vite et que vous avez besoin de flux d'authentification prêts pour la production avec Clerk. Elle est appropriée pour les applications monopages (SPA) nécessitant une interface de connexion/déconnexion, un état utilisateur réactif, le changement d'organisation ou la protection des routes. Pour les projets Nuxt, préférez la compétence complémentaire clerk-nuxt-patterns.
app.use(clerkPlugin), exemples pour useAuth/useUser dans <script setup>, motifs de gardes de routeur et notes d'intégration Pinia.Idéalement utilisée par des agents capables de lire et d'injecter des extraits de code (assistants de type Copilot/GitHub, Cursor, Codex). Elle fournit principalement des conseils au niveau du code plutôt que des composants d'interface interactifs.
Une compétence uniquement documentaire fournissant des modèles d'intégration Vue 3 pour l'authentification Clerk — composables (useAuth, useUser, useClerk, useOrganization), gardes de routeur et configuration du store Pinia. SKILL.md propre avec une bonne structure, des exemples de code, un tableau des pièges et un répertoire references/ pour un contenu plus approfondi. Aucun script à exécuter ; matériel de référence pur. La sécurité est robuste sans commandes shell ni appels réseau, bien que WebFetch soit listé comme outil autorisé.
Compétence de référence bien conçue provenant de l'organisation officielle Clerk. Bon modèle de divulgation progressive avec le répertoire references/. Aucun contenu exécutable à auditer.
