Vue testing best practices by Anthony Fu — Vue 3.5 skill
Guide Vue 3.5 Composition API — script setup, réactivité, macros, composants natifs et patterns de test issus de la doc Vue
- Quoi
- Guide Vue 3.5 Composition API — script setup, réactivité, macros, composants natifs et patterns de test issus de la doc Vue
- Coût
- Gratuit
- Prérequis
- un projet Vue 3 (le skill guide le code Vue de l'agent et ses patterns de test) — le skill est un guide que l'agent suit, pas un logiciel
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill Vue officiel d'Anthony Fu (17 400+ installs, le skill le plus installé de notre méga-sweep) : une référence Vue 3.5 complète générée depuis la documentation officielle de Vue.js. Couvre la Composition API avec `<script setup lang="ts">` (defineProps, defineEmits, defineModel, defineExpose, generics), le système de réactivité (ref vs shallowRef, computed, watch/watchEffect, effectScope, composables), les hooks de cycle de vie, les composants natifs (Transition, Teleport, Suspense, KeepAlive, v-memo), les directives custom et les bonnes pratiques de test. Livré avec des fichiers de référence détaillés (script-setup-macros, core-new-apis, advanced-patterns) plus un template de composant et un aide-mémoire des imports clés. Opinions assumées : TypeScript plutôt que JavaScript, Composition API plutôt qu'Options API, shallowRef quand la réactivité profonde est inutile. Bémols honnêtes : c'est un guide pour l'agent, pas un runner de tests — il faut Vitest/Vue Test Utils dans votre projet ; généré depuis vuejs/docs, vérifiez contre la version de Vue que vous ciblez. Licence MIT. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet Vue 3 (le skill guide le code Vue de l'agent et ses patterns de test) — le skill est un guide que l'agent suit, pas un logiciel Installe-moi « Bonnes pratiques de test Vue par Anthony Fu — skill Vue 3.5 ». Il donne à mon agent la référence Vue 3.5 officielle d'Anthony Fu, générée depuis la doc Vue.js : Composition API avec <script setup lang="ts"> (defineProps, defineEmits, defineModel, defineExpose, generics), réactivité (ref vs shallowRef, computed, watch/watchEffect, effectScope, composables, hooks de cycle de vie), composants natifs (Transition, Teleport, Suspense, KeepAlive, v-memo), directives custom, bonnes pratiques de test, fichiers de référence (script-setup-macros, core-new-apis, advanced-patterns), plus un template de composant et un aide-mémoire des imports. Opinions assumées : TypeScript plutôt que JavaScript, Composition API plutôt qu'Options API. Licence MIT. Dépôt : https://github.com/antfu/skills/blob/main/skills/vue/SKILL.md 1. Récupère le fichier SKILL.md (et le dossier references/) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les références pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et le dossier references/ dans le répertoire des skills de l'agent, dans un dossier nommé « vue-testing-best-practices ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. vérifier que Vitest/Vue Test Utils sont configurés dans mon projet si je veux appliquer les patterns de test ; rien d'autre — c'est un guide). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
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.