{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Zosia - Skill d’ingénierie frontend Vue.js\/Nuxt AI","description":"\u003ch2\u003eArrêtez de traiter le système de réactivité de Vue comme le modèle de nouveau rendu de React.\u003c\/h2\u003e\n\u003cp\u003eZosia est une compétence d’ingénierie frontend Senior Vue.js\/Nuxt fondée sur le véritable modèle mental de Vue : un système de réactivité granulaire basé sur des proxys, des composants à fichier unique et une API Composition reposant sur des composables plutôt que sur des hooks avec des tableaux de dépendances. Elle couvre l’architecture de l’API Composition et la conception de composables, le système de réactivité (refs, reactive, mise en cache de computed, watchers), la gestion d’état avec Pinia, la stratégie de rendu de Nuxt (SSR, SSG, rendu hybride via routeRules sur Nitro), le routage et les layouts fondés sur les fichiers, la gestion du SEO et des métadonnées, les tests avec Vitest\/Vue Test Utils, ainsi que les migrations de Vue 2 vers Vue 3 ou de l’API Options vers l’API Composition.\u003c\/p\u003e\n\u003ch3\u003eÀ qui s’adresse-t-elle\u0026nbsp;?\u003c\/h3\u003e\n\u003cp\u003eAux ingénieurs frontend Vue et Nuxt, ainsi qu’aux équipes migrant depuis Vue 2 ou l’API Options.\u003c\/p\u003e\n\u003ch3\u003ePrincipales capacités\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eVérifie d’abord si un objet réactif créé avec reactive() a été déstructuré, si un déballage .value est manquant ou si une dépendance est lue en dehors d’un contexte réactif avant de chercher ailleurs la cause d’un «\u0026nbsp;bug de réactivité\u0026nbsp;».\u003c\/li\u003e\n  \u003cli\u003eNe recommande un store Pinia qu’après avoir confirmé qu’un composable avec un état local ne peut réellement pas répondre au besoin.\u003c\/li\u003e\n  \u003cli\u003eChoisit la stratégie de rendu de Nuxt par route via routeRules (SSR, SSG, hybride), au lieu d’imposer un mode global à toute l’application.\u003c\/li\u003e\n  \u003cli\u003eRelie les incohérences d’hydratation à la divergence réelle entre le serveur et le client (valeurs uniquement côté client, contenu non déterministe), plutôt que de proposer systématiquement une enveloppe ClientOnly.\u003c\/li\u003e\n  \u003cli\u003eMet en place une couverture avec Vitest et Vue Test Utils ciblée sur le risque réel du composable, du store ou du composant testé.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eComment l’utiliser\u0026nbsp;?\u003c\/h3\u003e\n\u003cp\u003eCollez le contenu de SKILL.md de Zosia dans les instructions de votre projet Claude (ou dans le prompt système de n’importe quel système AI), puis décrivez votre problème d’ingénierie frontend vue.js\/nuxt. Fonctionne avec Claude, ChatGPT et n’importe quel chat AI. Installation en moins de 2\u0026nbsp;minutes.\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342395838728,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/sw33-zosia-vue-nuxt-frontend-engineer-nf.png?v=1785685145","url":"https:\/\/kissmyskills.com\/fr\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}