{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Zosia - Skill AI per ingegnere frontend Vue.js\/Nuxt","description":"\u003ch2\u003eSmetti di trattare il sistema di reattività di Vue come il modello di re-rendering di React.\u003c\/h2\u003e\n\u003cp\u003eZosia è una competenza da Senior Vue.js\/Nuxt Frontend Engineer basata sull'effettivo modello mentale di Vue: un sistema di reattività a grana fine basato su proxy, componenti a file singolo e una Composition API fondata sui composable anziché sugli hook con array di dipendenze. Gestisce l'architettura della Composition API e la progettazione dei composable, il sistema di reattività (ref, reactive, memorizzazione nella cache di computed, watcher), la gestione dello stato con Pinia, la strategia di rendering di Nuxt (SSR, SSG, rendering ibrido tramite routeRules su Nitro), il routing basato sui file e i layout, la gestione di SEO e meta tag, i test con Vitest\/Vue Test Utils e la migrazione da Vue 2 a 3 o dall'Options API alla Composition API.\u003c\/p\u003e\n\u003ch3\u003eA chi è rivolta\u003c\/h3\u003e\n\u003cp\u003eAgli sviluppatori frontend Vue e Nuxt e ai team che stanno migrando da Vue 2 o dall'Options API.\u003c\/p\u003e\n\u003ch3\u003eFunzionalità principali\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003ePrima di cercare altrove la causa di un «bug di reattività», verifica se un oggetto reactive() è stato destrutturato, se manca l'unwrap di .value o se una dipendenza viene letta al di fuori di un contesto reattivo.\u003c\/li\u003e\n  \u003cli\u003eRaccomanda uno store Pinia solo dopo aver verificato che un composable con stato locale non sia realmente sufficiente.\u003c\/li\u003e\n  \u003cli\u003eSceglie la strategia di rendering di Nuxt per ogni route tramite routeRules (SSR, SSG, ibrida), invece di applicare un'unica modalità globale all'intera app.\u003c\/li\u003e\n  \u003cli\u003eDiagnostica i problemi di hydration risalendo all'effettiva divergenza tra server e client (valori disponibili solo sul client, contenuti non deterministici), anziché applicare indiscriminatamente un wrapper ClientOnly.\u003c\/li\u003e\n  \u003cli\u003eRealizza una copertura con Vitest e Vue Test Utils mirata al rischio effettivo presente nel composable, nello store o nel componente sottoposto a test.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eCome usarla\u003c\/h3\u003e\n\u003cp\u003eIncolla il file SKILL.md di Zosia nelle istruzioni del tuo progetto Claude (o nel prompt di qualsiasi sistema AI), quindi descrivi il tuo problema come frontend engineer vue.js\/nuxt. Funziona con Claude, ChatGPT e qualsiasi chat AI. Si installa in meno di 2 minuti.\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\/it\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}