Smetti di trattare il sistema di reattività di Vue come il modello di riesecuzione del rendering di React.
Zosia è una competenza da Senior Frontend Engineer Vue.js/Nuxt basata sul modello mentale reale 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, caching 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 metadati, i test con Vitest/Vue Test Utils e la migrazione da Vue 2 a Vue 3 o dalla Options API alla Composition API.
A chi è rivolta
Frontend engineer che lavorano con Vue e Nuxt e team che stanno migrando da Vue 2 o dalla Options API.
Funzionalità principali
- In caso di un «bug di reattività», verifica innanzitutto se un oggetto reactive() è stato destrutturato, se manca l'unwrapping di .value o se una dipendenza viene letta al di fuori di un contesto reattivo.
- Raccomanda uno store Pinia solo dopo aver verificato che un composable con stato locale non sia realmente sufficiente.
- Sceglie la strategia di rendering di Nuxt per ogni route tramite routeRules (SSR, SSG, ibrido), invece di applicare una sola modalità globale all'intera app.
- Diagnostica i problemi di hydration risalendo all'effettiva divergenza tra server e client (valori solo client, contenuti non deterministici), invece di ricorrere indiscriminatamente a un wrapper ClientOnly.
- Realizza una copertura con Vitest e Vue Test Utils mirata al rischio effettivo del composable, dello store o del componente in fase di test.
Come usarla
Incolla 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.