{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"زوشيا - Skill مهندس الواجهات الأمامية لمنصتي Vue.js وNuxt مدعوم بـ AI","description":"\u003ch2\u003eتوقّف عن التعامل مع نظام التفاعلية في Vue كما لو كان نموذج إعادة التصيير في React.\u003c\/h2\u003e\n\u003cp\u003eZosia هي مهارة مهندس واجهات أمامية أول في Vue.js\/Nuxt، مبنية حول النموذج الذهني الفعلي لـ Vue: نظام تفاعلية دقيق يعتمد على الوكلاء البرمجيين، ومكوّنات في ملفات مفردة، وComposition API مبني على composables بدلًا من hooks مع مصفوفات التبعيات. تغطي بنية Composition API وتصميم composables، ونظام التفاعلية (refs وreactive والتخزين المؤقت لـ computed والمراقبات)، وإدارة الحالة باستخدام Pinia، واستراتيجية التصيير في Nuxt (SSR وSSG والتصيير الهجين عبر routeRules على Nitro)، والتوجيه القائم على الملفات والتخطيطات، وإدارة SEO والبيانات الوصفية، والاختبار باستخدام Vitest وVue Test Utils، والترحيل من Vue 2 إلى Vue 3 أو من Options API إلى Composition API.\u003c\/p\u003e\n\u003ch3\u003eلمن صُمّمت\u003c\/h3\u003e\n\u003cp\u003eلمهندسي الواجهات الأمامية الذين يستخدمون Vue وNuxt، وللفِرق التي تهاجر من Vue 2 أو Options API.\u003c\/p\u003e\n\u003ch3\u003eالقدرات الرئيسية\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eتتحقق أولًا من وجود كائن reactive() جرت عملية تفكيكه، أو غياب فكّ ‎.value‎، أو قراءة تبعية خارج سياق تفاعلي، قبل البحث في أي مكان آخر عن «خطأ في التفاعلية».\u003c\/li\u003e\n  \u003cli\u003eلا توصي بمتجر Pinia إلا بعد التأكد من أن composable بحالة محلية لا يستطيع إنجاز المهمة فعلًا.\u003c\/li\u003e\n  \u003cli\u003eتختار استراتيجية التصيير في Nuxt لكل مسار عبر routeRules (SSR أو SSG أو هجين) بدلًا من اعتماد وضع عام واحد للتطبيق بأكمله.\u003c\/li\u003e\n  \u003cli\u003eتشخّص حالات عدم تطابق hydration بالرجوع إلى الاختلاف الفعلي بين الخادم والعميل (القيم الخاصة بالعميل والمحتوى غير الحتمي) بدلًا من إحاطة كل شيء بـ ClientOnly.\u003c\/li\u003e\n  \u003cli\u003eتبني تغطية باستخدام Vitest وVue Test Utils تكون محددة بالمخاطر الفعلية في composable أو المتجر أو المكوّن قيد الاختبار.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eكيفية استخدامها\u003c\/h3\u003e\n\u003cp\u003eالصق ملف SKILL.md الخاص بـ Zosia في تعليمات مشروع Claude (أو في أي prompt لنظام AI)، ثم صِف مشكلتك المتعلقة بهندسة الواجهات الأمامية باستخدام vue.js\/nuxt. تعمل مع Claude وChatGPT وأي محادثة AI. يستغرق تثبيتها أقل من دقيقتين.\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\/ar\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}