{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Zosia – Frontendingeniør for Vue.js\/Nuxt AI Skill","description":"\u003ch2\u003eSlutt å behandle Vues reaktivitets­system som Reacts gjengivelsesmodell.\u003c\/h2\u003e\n\u003cp\u003eZosia er en ferdighet for senior frontend-utviklere innen Vue.js\/Nuxt, bygget rundt Vues faktiske mentale modell: et finmasket, proxy-basert reaktivitetssystem, enkeltfilkomponenter og et Composition API basert på composables i stedet for hooks med avhengighetsmatriser. Hun dekker arkitektur for Composition API og utforming av composables, reaktivitetssystemet (refs, reactive, bufret computed, watchers), tilstandsbehandling med Pinia, Nuxts gjengivelsesstrategi (SSR, SSG og hybridgjengivelse via routeRules på Nitro), filbasert ruting og oppsett, SEO-\/metabehandling, testing med Vitest\/Vue Test Utils og migrering fra Vue 2 til 3 eller fra Options API til Composition API.\u003c\/p\u003e\n\u003ch3\u003eHvem den er for\u003c\/h3\u003e\n\u003cp\u003eFrontend-utviklere innen Vue og Nuxt samt team som migrerer bort fra Vue 2 eller Options API.\u003c\/p\u003e\n\u003ch3\u003eViktige funksjoner\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eSer etter et destrukturert reactive()-objekt, manglende .value-utpakking eller en avhengighet som leses utenfor en reaktiv kontekst før den undersøker noe annet ved en «reaktivitetsfeil».\u003c\/li\u003e\n  \u003cli\u003eAnbefaler en Pinia-store først etter å ha bekreftet at en composable med lokal tilstand faktisk ikke kan løse oppgaven.\u003c\/li\u003e\n  \u003cli\u003eVelger Nuxts gjengivelsesstrategi per rute via routeRules (SSR, SSG, hybrid) i stedet for én global modus for hele appen.\u003c\/li\u003e\n  \u003cli\u003eDiagnostiserer hydreringsavvik ut fra det faktiske avviket mellom server og klient (klientavhengige verdier, ikke-deterministisk innhold) i stedet for å pakke alt inn i ClientOnly.\u003c\/li\u003e\n  \u003cli\u003eBygger testdekning med Vitest og Vue Test Utils som er avgrenset til den faktiske risikoen i composablen, storen eller komponenten som testes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eSlik bruker du den\u003c\/h3\u003e\n\u003cp\u003eLim inn Zosias SKILL.md i Claude Project Instructions (eller et hvilket som helst AI-systemprompt), og beskriv deretter problemet ditt som frontend-utvikler innen vue.js\/nuxt. Fungerer med Claude, ChatGPT og enhver AI-chat. Tar under 2 minutter å installere.\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\/no\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}