vue-best-practices
تحسين أمان الأنواع في Vue 3
غالبًا ما تواجه مشاريع Vue حالات طرفية في template وVolar وrouter وTypeScript تؤدي إلى إبطاء المراجعات. تمنح هذه المهارة قواعد مركزة لـ Vue 3 لإنشاء مكونات وإعدادات واختبارات أكثر أمانًا.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "vue-best-practices" from https://skillstore.io/skills/antfu-vue-best-practices.md and its manifest at https://skillstore.io/api/skills/antfu-vue-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "vue-best-practices". يفقد مكون wrapper إكمال سمات الزر.
النتيجة المتوقعة:
توصي المهارة بتمكين دعم fallthrough attribute والتحقق من كيفية تمرير السمات إلى العنصر الداخلي.
جارٍ استخدام "vue-best-practices". تبلغ صفحة route أن id غير موجود في route params.
النتيجة المتوقعة:
تقترح المهارة استخدام نمط useRoute مكتوب ومخصص للمسار قبل الرجوع إلى تأكيد نوع ضيق.
جارٍ استخدام "vue-best-practices". يعيد تطبيق Vue SSR التحميل بالكامل بعد تغييرات script setup.
النتيجة المتوقعة:
تفصل المهارة فحوصات إعدادات Vite SSR عن خطوات تنظيف cache الاختيارية التي تحتاج إلى تأكيد صريح.
التدقيق الأمني
آمنAll 102 static findings are false positives in documentation and inert Vue examples. Backticks are Markdown spans or JavaScript template literals, while key and reconnaissance matches are lexical collisions. Dynamic imports and relative API calls illustrate normal application patterns and are not executed by the skill.
عوامل الخطر
⚙️ الأوامر الخارجية (37)
⚡ يحتوي على سكربتات (5)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/antfu-vue-best-practices/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/antfu-vue-best-practices?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/antfu-vue-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-vue-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/antfu-vue-best-practices.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-best-practices security audit report (audit version 6) [Author version 18.0.0]. Skillstore. https://skillstore.io/skills/antfu-vue-best-practices/audits/6اقتباس BibTeX
@techreport{antfu-antfu-vue-best-practices-2026,
author = {antfu},
title = {vue-best-practices security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/antfu-vue-best-practices/audits/6},
note = {Author version 18.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vue-best-practices security audit report (audit version 6)"
version: "18.0.0"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-vue-best-practices/audits/6"
identifiers:
- type: other
value: "skillstore:antfu-vue-best-practices:audit:6"
description: "Skillstore immutable audit report identifier"
مقارنة المتغيرات
3 متغيرات قابلة للتثبيتتبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
vuejs-ai-vue-best-practices
2026-09-09
hyf0-vue-best-practices
2026-09-09
antfu-vue-best-practices
2026-09-09
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
مراجعة مكونات Vue
العثور على فجوات الكتابة في props وemits وslots وروابط template ومكونات wrapper قبل الدمج.
تثبيت أدوات Vue
حل مشكلات Volar وvue-tsc وVite وحل الوحدات بعد ترقيات الاعتماديات.
تحسين تغطية الاختبارات
تطبيق أنماط مكتوبة لمحاكاة Pinia store وسمات البيانات وفحوصات template الصارمة.
جرّب هذه الموجّهات
راجع مكون Vue هذا بحثًا عن مشكلات TypeScript وكتابة template. ركز على props وemits وslots وأخطاء template الصارمة.
ساعدني في إصلاح أخطاء vue-tsc هذه من مشروع Vue 3 الخاص بي. اشرح القاعدة التي تنطبق وأصغر تغيير مطلوب في الإعدادات أو الكود.
أعد هيكلة مكون wrapper هذا للحفاظ على أنواع prop وemit وslot وfallthrough attribute. تجنب تأكيدات الأنواع الواسعة.
دقق خطة ترحيل تطبيق Vue هذا من أجل Volar 3 وVite SSR HMR ومعاملات router المكتوبة واختبارات Pinia وحل الوحدات.
أفضل الممارسات
- تحقق من إصدارات Vue وأدوات اللغة قبل تطبيق إرشادات خاصة بالإصدارات.
- فضل الكتابة على مستوى المشروع وواجهات API المساعدة على تأكيدات الأنواع المحلية الواسعة.
- اطلب التأكيد قبل تشغيل أوامر التنظيف أو تغييرات الحزم.
تجنب
- تعطيل فحص template الصارم بدلًا من إصلاح حدود المكونات المكتوبة.
- تكرار إضافات Vite Vue عبر ملفات الإعدادات وخيارات البناء المضمنة.
- تشغيل أوامر تنظيف cache مدمرة دون شرح المجلدات المتأثرة.
الأسئلة المتكررة
هل تدعم هذه المهارة Vue 2؟
هل يمكنها إصلاح الأخطاء تلقائيًا؟
هل تتطلب Claude أو Codex؟
ما مشكلات Vue التي تغطيها؟
هل تتضمن أوامر تثبيت الحزم؟
كيف ينبغي للفرق تطبيقها؟
تفاصيل المطور
المؤلف
antfuالترخيص
MIT
إصدار المؤلف
v18.0.0
مراجعة Skillstore
r2
مرجع
89edfdc710d0846129dcee6a929477b04f08052c
حداثة الصيانة
٢٥/٧/٢٠٢٦
الاستخدام
29 تنزيلات · 272 مشاهدات