{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Zosia - Skill AI de inginer Frontend Vue.js\/Nuxt","description":"\u003ch2\u003eNu trata sistemul de reactivitate al Vue ca pe modelul de rerandare al React.\u003c\/h2\u003e\n\u003cp\u003eZosia este o competență de inginerie frontend Senior Vue.js\/Nuxt, construită în jurul modelului mental real al Vue: un sistem de reactivitate granulară, bazat pe proxy-uri, componente cu un singur fișier și un API Composition construit pe composable-uri, nu pe hook-uri cu tablouri de dependențe. Acoperă arhitectura API-ului Composition și proiectarea composable-urilor, sistemul de reactivitate (ref-uri, reactive, memorarea rezultatelor pentru computed, watchere), gestionarea stării cu Pinia, strategia de randare a Nuxt (SSR, SSG, randare hibridă prin routeRules în Nitro), rutarea și layout-urile bazate pe fișiere, gestionarea SEO\/meta, testarea cu Vitest\/Vue Test Utils și migrarea de la Vue 2 la 3 sau de la API-ul Options la API-ul Composition.\u003c\/p\u003e\n\u003ch3\u003ePentru cine este\u003c\/h3\u003e\n\u003cp\u003eIngineri frontend Vue și Nuxt și echipe care migrează de la Vue 2 sau de la API-ul Options.\u003c\/p\u003e\n\u003ch3\u003eCapabilități principale\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eVerifică mai întâi dacă un obiect reactive() a fost destructurat, dacă lipsește despachetarea .value sau dacă o dependență este citită în afara unui context reactiv, înainte de a căuta în altă parte cauza unei „erori de reactivitate”.\u003c\/li\u003e\n  \u003cli\u003eRecomandă un store Pinia doar după ce confirmă că un composable cu stare locală nu poate rezolva în mod real problema.\u003c\/li\u003e\n  \u003cli\u003eAlege strategia de randare a Nuxt pentru fiecare rută prin routeRules (SSR, SSG, hibridă), în loc să folosească un singur mod global pentru întreaga aplicație.\u003c\/li\u003e\n  \u003cli\u003eDiagnostichează nepotrivirile de hidratare până la divergența reală dintre server și client (valori disponibile doar pe client, conținut nedeterminist), în locul unei înfășurări generale în ClientOnly.\u003c\/li\u003e\n  \u003cli\u003eConstruiește teste cu Vitest și Vue Test Utils, cu acoperire adaptată riscului real din composable-ul, store-ul sau componenta testată.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eCum se utilizează\u003c\/h3\u003e\n\u003cp\u003eLipește fișierul SKILL.md al Zosiei în instrucțiunile proiectului tău Claude (sau în promptul oricărui sistem AI), apoi descrie problema ta de inginerie frontend vue.js\/nuxt. Funcționează cu Claude, ChatGPT și orice chat AI. Se instalează în mai puțin de 2 minute.\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\/ro\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}