📦

vue

Name: vue
Author: antfu

v2026.1.31 مراجعة المحتوى r2 آمن 🌐 الوصول إلى الشبكة⚙️ الأوامر الخارجية

ابنِ مكوّنات Vue 3 بثقة

تحتاج فرق Vue إلى إرشادات حديثة للمكوّنات والتفاعلية وأنماط TypeScript. تمنح هذه المهارة Claude وCodex وClaude Code مراجع مركّزة حول Vue 3.5.

يدعم: Claude Codex Code(CC)

🥉 79 برونزي

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل

Review the Skillstore skill "vue" from https://skillstore.io/skills/antfu-vue.md and its manifest at https://skillstore.io/api/skills/antfu-vue/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل Markdown GET /skills/antfu-vue.md manifest موقَّع GET /api/skills/antfu-vue/manifest lockfile موقَّع GET /api/skills/antfu-vue/lockfile

اختبرها

جارٍ استخدام "vue". ابنِ مكوّن بطاقة ملف شخصي مكتوبًا بالأنواع.

النتيجة المتوقعة:

خطة مكوّن موجزة تتضمن أسماء props، والأحداث المرسلة، وخيارات الحالة، وسلوك القالب.

جارٍ استخدام "vue". راجع composable لتحميل البيانات.

النتيجة المتوقعة:

يحدد موضع تشغيل تحميل البيانات.
يوصي بالتنظيف للطلبات القديمة.
يشرح كيف ينبغي للمدخلات التفاعلية تحديث النتيجة.

جارٍ استخدام "vue". اشرح متى أستخدم provide وinject.

النتيجة المتوقعة:

دليل قرار يغطي التبعيات على مستوى التطبيق، ومفاتيح المكتبات، واستخدام symbol، وبدائل props الأبسط.

التدقيق الأمني

آمن

v5 • ٢٣‏/٧‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

All 18 static findings are false positives caused by documentation syntax and illustrative Vue code. Backticks are Markdown fences or TypeScript template literals, while fetch calls are inert examples without malicious destinations or secret handling. No prompt injection, command execution, unauthorized network access, system reconnaissance, or data exfiltration intent was found.

الملفات التي تم فحصها

876

الأسطر التي تم تحليلها

عناصر المراجعة

تم تجاهل الإيجابيات الكاذبة

عوامل الخطر

🌐 الوصول إلى الشبكة (5)

references/advanced-patterns.md:165 references/core-new-apis.md:106 references/core-new-apis.md:230 references/script-setup-macros.md:197 SKILL.md:7

⚙️ الأوامر الخارجية (11)

references/core-new-apis.md:69-81 references/core-new-apis.md:81-89 references/core-new-apis.md:106-115 references/core-new-apis.md:243-244 SKILL.md:12 SKILL.md:17 SKILL.md:18 SKILL.md:26 SKILL.md:39-68 SKILL.md:68-72 SKILL.md:72-84

لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.

دقّقه: codex عرض سجل التدقيق →

شارك واستشهد بهذا التقرير

شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار

نسخ رابط التقرير

https://skillstore.io/skills/antfu-vue/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/antfu-vue/security.svg)](https://skillstore.io/skills/antfu-vue?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/antfu-vue?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-vue/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

بطاقة قابلة للتضمين

<iframe src="https://skillstore.io/embed/skills/antfu-vue.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

الاستشهادات الأكاديمية (APA · BibTeX · CFF)

اقتباس APA

antfu. (2026). vue security audit report (audit version 5) [Author version 2026.1.31]. Skillstore. https://skillstore.io/skills/antfu-vue/audits/5

اقتباس BibTeX

@techreport{antfu-antfu-vue-2026,
  author = {antfu},
  title = {vue security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/antfu-vue/audits/5},
  note = {Author version 2026.1.31}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vue security audit report (audit version 5)"
version: "2026.1.31"
type: report
authors:
  - name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-vue/audits/5"
identifiers:
  - type: other
    value: "skillstore:antfu-vue:audit:5"
    description: "Skillstore immutable audit report identifier"

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: مرتفع

الهندسة المعمارية

100

قابلية الصيانة

المحتوى

المجتمع

100

الامتثال للمواصفات

ما الذي يمكنك بناؤه

بناء مكوّنات مكتوبة بالأنواع

أنشئ مكوّنات Vue باستخدام script setup وprops وemits وslots وأنماط v-model المكتوبة بالأنواع.

تحديث كود Vue

أعد هيكلة المكوّنات الحالية باتجاه Composition API والحالة التفاعلية وأنماط دورة الحياة الحديثة.

مراجعة الأنماط المشتركة

تحقق من composables، واستخدام provide/inject، والتحميل غير المتزامن، وtemplate refs للحصول على تصاميم قابلة للصيانة.

جرّب هذه الموجّهات

إنشاء مكوّن أساسي

استخدم مهارة Vue لبناء مكوّن Vue 3 صغير باستخدام script setup وprops مكتوبة بالأنواع وحدث واحد يتم إرساله. اشرح الخيارات المهمة.

إعادة هيكلة منطق Options API

حوّل مكوّن Vue هذا من Options API إلى Composition API. استخدم ref وcomputed وwatch وlifecycle hooks واضحة حيث تكون مناسبة. حافظ على السلوك.

تصميم Composable قابل لإعادة الاستخدام

صمّم Vue composable مكتوبًا بالأنواع لتحميل البيانات المشتركة. ضمّن حالة التحميل، وحالة الخطأ، وقواعد التنظيف، ومثالًا لاستخدامه في مكوّن.

مراجعة نمط Vue غير متزامن

دقّق ميزة Vue هذه بحثًا عن مخاطر Suspense وtop-level await وتنظيف watchers وtemplate refs وTypeScript. أوصِ بتحسينات مركّزة.

أفضل الممارسات

استخدم script setup مع TypeScript لمكوّنات Vue الجديدة.
أبقِ computed getters نقية وعدّل الحالة المصدر بدلًا من ذلك.
استخرج السلوك القابل لإعادة الاستخدام وذي الحالة إلى composables مركّزة.

تجنب

لا تفرط في استخدام template refs للحالة التي تنتمي إلى البيانات التفاعلية.
لا تضع lifecycle hooks بعد عمل setup يعتمد على await.
لا تفكّك reactive objects بطرق تفقدها التفاعلية.

الأسئلة المتكررة

ما إصدار Vue الذي تستهدفه هذه المهارة؟

تستهدف Vue 3.5+ وأنماط Composition API الحديثة.

هل يمكنني استخدامها مع Codex وClaude Code؟

نعم. تتضمن قائمة الأدوات المدعومة Claude وCodex وClaude Code.

هل تشغّل المهارة أوامر أو تثبّت packages؟

لا. إنها مهارة توثيق ولا تتضمن scripts قابلة للتنفيذ.

هل يمكنها المساعدة في ترحيل كود Options API؟

نعم. يمكنها توجيه الهجرة نحو Composition API وscript setup وأنماط المكوّنات المكتوبة بالأنواع.

هل تحل محل توثيق Vue الرسمي؟

لا. إنها توفر مراجع مركّزة، لكن ينبغي التحقق من التوثيق الرسمي لـ Vue عند حدوث تغييرات لاحقة في API.

هل تراجع مشروعي المحلي تلقائيًا؟

لا. يجب أن توفر الكود ذي الصلة أو تطلب من أداة الذكاء الاصطناعي فحص المشروع.

تفاصيل المطور

المؤلف

antfu

الترخيص

MIT

إصدار المؤلف

v2026.1.31

مراجعة Skillstore

المستودع

https://github.com/antfu/skills/tree/main/skills/vue/

مرجع

89edfdc710d0846129dcee6a929477b04f08052c

حداثة الصيانة

٢٥‏/٧‏/٢٠٢٦

الاستخدام

27 تنزيلات · 187 مشاهدات

بنية الملفات

📄 GENERATION.md

📁 references/

📄 advanced-patterns.md

📄 core-new-apis.md

📄 script-setup-macros.md

📄 SKILL.md