{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Zosia – Frontendová inženýrka pro Vue.js\/Nuxt AI Skill","description":"\u003ch2\u003ePřestaňte přistupovat k reaktivnímu systému Vue jako k modelu opětovného vykreslování v Reactu.\u003c\/h2\u003e\n\u003cp\u003eZosia je dovednost Senior Vue.js\/Nuxt Frontend Engineer založená na skutečném mentálním modelu Vue: jemně granularním reaktivním systému založeném na proxy, komponentách v jediném souboru a Composition API postaveném na composables, nikoli na hooks s poli závislostí. Pokrývá architekturu Composition API a návrh composables, reaktivní systém (refs, reactive, ukládání výsledků computed do mezipaměti, watchers), správu stavu pomocí Pinia, strategii vykreslování v Nuxtu (SSR, SSG, hybridní vykreslování prostřednictvím routeRules v Nitro), routování a layouty založené na souborech, správu SEO\/meta údajů, testování pomocí Vitest\/Vue Test Utils a migraci z Vue 2 na Vue 3 nebo z Options API na Composition API.\u003c\/p\u003e\n\u003ch3\u003ePro koho je určena\u003c\/h3\u003e\n\u003cp\u003eFrontendové inženýry pracující s Vue a Nuxtem a týmy migrující z Vue 2 nebo Options API.\u003c\/p\u003e\n\u003ch3\u003eKlíčové schopnosti\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003ePři hledání „chyby v reaktivitě“ nejprve kontroluje destrukturovaný objekt reactive(), chybějící rozbalení pomocí .value nebo čtení závislosti mimo reaktivní kontext.\u003c\/li\u003e\n  \u003cli\u003eÚložiště Pinia doporučí až poté, co ověří, že daný úkol skutečně nelze vyřešit pomocí composable s lokálním stavem.\u003c\/li\u003e\n  \u003cli\u003eStrategii vykreslování Nuxtu (SSR, SSG, hybridní vykreslování) vybírá pro každou routu prostřednictvím routeRules namísto jediného globálního režimu pro celou aplikaci.\u003c\/li\u003e\n  \u003cli\u003eNesrovnalosti při hydrataci diagnostikuje podle skutečného rozdílu mezi serverem a klientem (hodnoty dostupné pouze na klientovi, nedeterministický obsah), místo aby vše bez rozmyslu obalila do ClientOnly.\u003c\/li\u003e\n  \u003cli\u003eVytváří pokrytí testy ve Vitestu a Vue Test Utils zaměřené na skutečné riziko v testovaném composable, úložišti nebo komponentě.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eJak ji používat\u003c\/h3\u003e\n\u003cp\u003eVložte soubor SKILL.md od Zosie do pokynů svého projektu v Claude (nebo do systémového promptu libovolného AI systému) a poté popište svůj problém týkající se frontendového inženýrství ve vue.js\/nuxtu. Funguje s Claude, ChatGPT i libovolným AI chatem. Instalace zabere méně než 2 minuty.\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\/cs\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}