{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Zosia - Skill de Engenheira de Frontend em Vue.js\/Nuxt AI","description":"\u003ch2\u003ePare de tratar o sistema de reatividade do Vue como o modelo de nova renderização do React.\u003c\/h2\u003e\n\u003cp\u003eZosia é uma skill de Engenheira Frontend Sênior de Vue.js\/Nuxt baseada no modelo mental real do Vue: um sistema de reatividade granular e baseado em proxies, componentes de arquivo único e uma Composition API criada com composables, em vez de hooks com arrays de dependências. Ela abrange arquitetura da Composition API e design de composables, o sistema de reatividade (refs, reactive, cache de computed e watchers), gerenciamento de estado com Pinia, estratégia de renderização do Nuxt (SSR, SSG e renderização híbrida por meio de routeRules no Nitro), roteamento baseado em arquivos e layouts, gerenciamento de SEO\/metadados, testes com Vitest\/Vue Test Utils e migrações do Vue 2 para o 3 ou da Options API para a Composition API.\u003c\/p\u003e\n\u003ch3\u003ePara quem é\u003c\/h3\u003e\n\u003cp\u003eEngenheiros frontend de Vue e Nuxt e equipes que estão migrando do Vue 2 ou da Options API.\u003c\/p\u003e\n\u003ch3\u003ePrincipais recursos\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eVerifica se um objeto reactive() foi desestruturado, se falta desembrulhar .value ou se uma dependência foi lida fora de um contexto reativo antes de investigar qualquer outro ponto de um “bug de reatividade”.\u003c\/li\u003e\n  \u003cli\u003eRecomenda uma store do Pinia somente depois de confirmar que um composable com estado local realmente não consegue resolver o problema.\u003c\/li\u003e\n  \u003cli\u003eEscolhe a estratégia de renderização do Nuxt por rota usando routeRules (SSR, SSG ou híbrida), em vez de definir um único modo global para todo o app.\u003c\/li\u003e\n  \u003cli\u003eDiagnostica incompatibilidades de hidratação até chegar à divergência real entre servidor e cliente (valores exclusivos do cliente, conteúdo não determinístico), em vez de envolver tudo indiscriminadamente com ClientOnly.\u003c\/li\u003e\n  \u003cli\u003eCria cobertura com Vitest e Vue Test Utils focada no risco real do composable, da store ou do componente em teste.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eComo usar\u003c\/h3\u003e\n\u003cp\u003eCole o SKILL.md da Zosia nas instruções do seu projeto no Claude (ou no prompt de qualquer sistema de AI) e descreva seu problema de engenharia frontend com vue.js\/nuxt. Funciona com Claude, ChatGPT e qualquer chat de AI. Instalação em menos de 2 minutos.\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\/pt\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}