{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Zosia – Vue.js\/Nuxt-frontendingenjör AI Skill","description":"\u003ch2\u003eSluta behandla Vues reaktivitetssystem som Reacts omrenderingsmodell.\u003c\/h2\u003e\n\u003cp\u003eZosia är en färdighet för seniora Vue.js-\/Nuxt-frontendingenjörer som bygger på Vues faktiska mentala modell: ett finkornigt, proxybaserat reaktivitetssystem, komponenter i en enda fil och ett Composition API som bygger på composables snarare än hooks med beroendearray. Hon täcker arkitektur för Composition API och design av composables, reaktivitetssystemet (refs, reactive, cachning av computed, watchers), tillståndshantering med Pinia, Nuxts renderingsstrategi (SSR, SSG och hybridrendering via routeRules i Nitro), filbaserad routing och layouter, SEO-\/metahantering, testning med Vitest\/Vue Test Utils samt migrering från Vue 2 till 3 eller från Options API till Composition API.\u003c\/p\u003e\n\u003ch3\u003eVem den är till för\u003c\/h3\u003e\n\u003cp\u003eFrontendingenjörer som arbetar med Vue och Nuxt samt team som migrerar från Vue 2 eller Options API.\u003c\/p\u003e\n\u003ch3\u003eViktiga funktioner\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eKontrollerar först om ett reactive()-objekt har destrukturerats, om .value har utelämnats eller om ett beroende läses utanför en reaktiv kontext innan den letar någon annanstans efter ett ”reaktivitetsfel”.\u003c\/li\u003e\n  \u003cli\u003eRekommenderar en Pinia-store först efter att ha bekräftat att en composable med lokalt tillstånd faktiskt inte räcker.\u003c\/li\u003e\n  \u003cli\u003eVäljer Nuxts renderingsstrategi per route via routeRules (SSR, SSG, hybrid) i stället för ett enda globalt läge för hela appen.\u003c\/li\u003e\n  \u003cli\u003eDiagnostiserar hydreringsfel utifrån den faktiska skillnaden mellan server och klient (klientexklusiva värden, icke-deterministiskt innehåll) i stället för att slentrianmässigt använda en ClientOnly-wrapper.\u003c\/li\u003e\n  \u003cli\u003eSkapar testtäckning med Vitest och Vue Test Utils som är avgränsad till den faktiska risken i den composable, store eller komponent som testas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eSå använder du den\u003c\/h3\u003e\n\u003cp\u003eKlistra in Zosias SKILL.md i dina Claude-projektinstruktioner (eller i valfri AI-systems prompt) och beskriv sedan ditt problem som frontendingenjör inom vue.js\/nuxt. Fungerar med Claude, ChatGPT och valfri AI-chatt. Tar under 2 minuter att installera.\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\/sv\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}