Vue Patterns
Patterns Vue 3 Composition API : architecture des composants, réactivité, Pinia, Vue Router et SSR Nuxt.
- Quoi
- Patterns Vue 3 Composition API : architecture des composants, réactivité, Pinia, Vue Router et SSR Nuxt.
- Coût
- Gratuit
- Prérequis
- Utilisez « Patterns Vue » avec votre Muse.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor : un skill de patterns pour construire et relire des apps Vue 3 avec la Composition API comme le font les développeurs Vue expérimentés. Il couvre l'architecture des composants (organisation par fonctionnalité, composants de base vs métier), la réactivité bien faite (refs vs reactive, computed, watchers sans pièges), les stores Pinia, les patterns de navigation Vue Router et le SSR Nuxt là où il diffère du Vue classique. Les tests avec Vitest et des conseils de performance complètent le tout. Tout est écrit pour `<script setup>` et le Vue moderne, avec des paires bon/mauvais qui montrent le piège réactif à côté de la version propre. Par @affaan-m, listé ici avec crédit à son créateur. Tiré du dépôt affaan-m/ECC (MIT). Bémols honnêtes : pur guide, rien à installer ; cible la Composition API de Vue 3, les utilisateurs de l'Options API devront traduire ; les sections Nuxt supposent un projet Nuxt. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Copiez le dossier d’installation ci-dessous, puis collez-le dans MuseLe prompt d'installation ci-dessous inclut déjà les étapes de vérification : votre agent suit la checklist communautaire avant d'installer tout ce qui contient du code exécutable. Vous en voulez plus ?
Utilisez « Patterns Vue » avec votre Muse. Prérequis : une base de code Vue 3 (ou Nuxt/Pinia) à écrire ou à relire. Skill de pur guide, rien à installer. 1. Ouvrez le skill : https://github.com/affaan-m/ECC/blob/main/skills/vue-patterns/SKILL.md et copiez le texte complet du SKILL.md. 2. Collez-le dans un chat avec Muse et ajoutez : « Relis ce composant Vue au regard de ces patterns : usage de la Composition API, réactivité, forme du store Pinia. » 3. Pour de nouvelles fonctionnalités, demandez : « Construis ceci à la manière Vue 3 : <script setup>, un composable pour la logique, et un store Pinia si l'état est partagé. » Astuce : collez un composant ou un composable à la fois ; les revues d'app entière restent superficielles. Sécurité : un skill est du texte d'instructions ; il n'exécute rien tout seul. Ne collez jamais de secrets dans un chat, et relisez tout ce que Muse propose avant qu'il touche à votre code.
Enregistré dans vos installs récentes. Retrouvez-le à tout moment sur /connect.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.