📦

vue-debug-guides

Name: vue-debug-guides
Author: hyf0

مراجعة المحتوى r1 آمن ⚡ يحتوي على سكربتات🌐 الوصول إلى الشبكة⚙️ الأوامر الخارجية📁 الوصول إلى نظام الملفات

تصحيح مشكلات Vue 3 بسرعة أكبر

غالبًا ما تنتج أخطاء Vue 3 عن سلوكيات دقيقة في التفاعلية أو دورة الحياة أو العمليات غير المتزامنة أو SSR. تمنح هذه المهارة Claude وCodex أدلة مركزة لتشخيص هذه المشكلات واختيار إصلاحات أكثر أمانًا.

يدعم: Claude Codex Code(CC)

🥉 78 برونزي

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

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

طلب الوكيل

Review the Skillstore skill "vue-debug-guides" from https://skillstore.io/skills/hyf0-vue-debug-guides.md and its manifest at https://skillstore.io/api/skills/hyf0-vue-debug-guides/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/hyf0-vue-debug-guides.md manifest موقَّع GET /api/skills/hyf0-vue-debug-guides/manifest lockfile موقَّع GET /api/skills/hyf0-vue-debug-guides/lockfile

اختبرها

جارٍ استخدام "vue-debug-guides". تكون ref لمكوّن ما null عندما يبدّل v-if العنصر.

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

يشرح لماذا يزيل v-if العنصر ويمسح ref.
يقترح فحوصات null أو توقيت nextTick أو v-show عندما يكون الوصول المستمر مطلوبًا.
يسرد اختبارات لسلوك التبديل والتصيير الأولي.

جارٍ استخدام "vue-debug-guides". تبلغ صفحة SSR عن عدم تطابق في الإماهة بعد النشر.

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

يفصل الأسباب المحتملة إلى HTML غير صالح، وحالة خاصة بالمتصفح فقط، وبيانات غير متزامنة، وقيم عشوائية.
يوصي بمقارنة ترميز الخادم المصيّر مع حالة العميل.
يقترح إصلاحات موجهة مثل أغلفة العميل فقط أو بيانات أولية مستقرة.

جارٍ استخدام "vue-debug-guides". يجلب watcher بيانات قديمة بعد تغييرات سريعة في إدخال البحث.

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

يحدد غياب تنظيف العمليات غير المتزامنة باعتباره السبب المحتمل.
يوصي بالإلغاء أو الإبطال للطلبات الأقدم.
ينبّه إلى أن debounce قد يقلل الحاجة إلى التنظيف لكنه لا يحل محلها.

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

آمن

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

The static analyzer flagged many risky strings, but the evidence shows they are Markdown reference examples for Vue 3 debugging topics. I found no executable malware behavior, prompt injection, credential access, or unauthorized network activity in the reviewed findings.

140

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

22,211

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

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

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

عوامل الخطر

⚡ يحتوي على سكربتات (24)

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

reference/checkbox-true-false-value-form-submission.md:88 reference/composable-avoid-hidden-side-effects.md:184 reference/composable-call-location-restrictions.md:77 reference/composable-tovalue-inside-watcheffect.md:37 reference/composable-tovalue-inside-watcheffect.md:69 reference/computed-no-side-effects.md:40 reference/computed-no-side-effects.md:74 reference/computed-no-side-effects.md:100 reference/define-expose-before-await.md:36 reference/define-expose-before-await.md:95 reference/define-expose-before-await.md:118 reference/define-expose-before-await.md:161 reference/define-expose-before-await.md:162 reference/define-expose-before-await.md:183 reference/dynamic-argument-constraints.md:70 reference/dynamic-argument-constraints.md:109 reference/plugin-global-properties-sparingly.md:36 reference/plugin-global-properties-sparingly.md:23 reference/provide-inject-default-value-factory.md:201 reference/provide-inject-synchronous-setup.md:52 reference/reactivity-markraw-for-non-reactive.md:66 reference/reactivity-markraw-for-non-reactive.md:78 reference/ssr-platform-specific-apis.md:160 reference/ssr-platform-specific-apis.md:203 reference/ssr-platform-specific-apis.md:162 reference/ssr-platform-specific-apis.md:163 reference/ssr-platform-specific-apis.md:164 reference/state-ssr-cross-request-pollution.md:11 reference/template-functions-no-side-effects.md:61 reference/template-functions-no-side-effects.md:125 reference/transition-unmount-hook-timing.md:112 reference/transition-unmount-hook-timing.md:39 reference/transition-unmount-hook-timing.md:89 reference/transition-unmount-hook-timing.md:43 reference/transition-unmount-hook-timing.md:95 reference/watch-async-cleanup.md:33 reference/watch-async-cleanup.md:71 reference/watch-async-cleanup.md:97 reference/watch-async-creation-memory-leak.md:50 reference/watcheffect-async-dependency-tracking.md:33 reference/watcheffect-async-dependency-tracking.md:72 reference/watcheffect-async-dependency-tracking.md:86 reference/watcheffect-async-dependency-tracking.md:117

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

reference/composition-api-vs-react-hooks-differences.md:90-96 reference/computed-no-side-effects.md:46-56 reference/computed-no-side-effects.md:85-93 reference/computed-return-value-readonly.md:143-156 reference/dynamic-argument-constraints.md:75-89 reference/provide-inject-debugging-challenges.md:86-91 reference/provide-inject-debugging-challenges.md:91-96 reference/provide-inject-debugging-challenges.md:126-127 reference/provide-inject-debugging-challenges.md:127-128 reference/provide-inject-debugging-challenges.md:128-137 reference/provide-inject-default-value-factory.md:43-46 reference/provide-inject-synchronous-setup.md:200-201 reference/provide-inject-synchronous-setup.md:201-208 reference/rendering-render-function-h-import-vue3.md:63-67 reference/rendering-render-function-return-from-setup.md:31-36 reference/rendering-render-function-return-from-setup.md:50-55 reference/rendering-render-function-return-from-setup.md:138-144 reference/rendering-render-function-slots-as-functions.md:79-81 reference/rendering-resolve-component-for-string-names.md:105-111 reference/sfc-named-exports-forbidden.md:116-118 reference/tailwind-dynamic-class-generation.md:26-36 reference/tailwind-dynamic-class-generation.md:36-40 reference/template-expressions-restrictions.md:65-82 reference/template-expressions-restrictions.md:82-92 reference/template-functions-no-side-effects.md:162-183 reference/template-ref-v-for-order.md:48-60 reference/template-ref-v-for-order.md:79-96 reference/template-ref-v-for-order.md:123-139 reference/template-ref-v-for-order.md:157-169 reference/ts-shallowref-for-dynamic-components.md:47 reference/ts-shallowref-for-dynamic-components.md:142-146 reference/watch-async-cleanup.md:33-45 reference/watch-async-cleanup.md:71-83 reference/watch-async-cleanup.md:97-112 reference/watch-deep-same-object-reference.md:71-81 reference/watch-deep-same-object-reference.md:81-84 reference/watch-deep-same-object-reference.md:84-88 reference/watch-flush-timing.md:85-99 reference/watch-reactive-property-getter.md:31-36 reference/watch-reactive-property-getter.md:36-38 reference/watch-reactive-property-getter.md:50-58 reference/watch-reactive-property-getter.md:58-66 reference/watch-reactive-property-getter.md:66-69 reference/watch-reactive-property-getter.md:82-85 reference/watch-reactive-property-getter.md:97-105 reference/watcheffect-async-dependency-tracking.md:33-54 reference/watcheffect-async-dependency-tracking.md:72-86 reference/watcheffect-async-dependency-tracking.md:86-98 reference/watcheffect-async-dependency-tracking.md:118-123 SKILL.md:7

📁 الوصول إلى نظام الملفات (5)

reference/ssr-platform-specific-apis.md:191 reference/ssr-platform-specific-apis.md:199 reference/ssr-platform-specific-apis.md:191 reference/ssr-platform-specific-apis.md:199 reference/v-model-number-modifier-behavior.md:105

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

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

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

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

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

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

https://skillstore.io/skills/hyf0-vue-debug-guides/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

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

شارة HTML

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

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

<iframe src="https://skillstore.io/embed/skills/hyf0-vue-debug-guides.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

hyf0. (2026). vue-debug-guides security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/hyf0-vue-debug-guides/audits/6

اقتباس BibTeX

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

CITATION.cff

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

مقارنة المتغيرات

2 متغيرات قابلة للتثبيت

تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.

سبب تصدر هذا المتغير

استخدام أعلى في Skillstore

المؤلف / المصدر تقييم Skillstore موثوقية الأدلة استخدام Skillstore تم التحديث

vuejs-ai موصى به

vuejs-ai-vue-debug-guides

تقييم Skillstore 78

موثوقية الأدلة مرتفع

استخدام Skillstore 17

تم التحديث

2026-09-09

hyf0 الحالي

hyf0-vue-debug-guides

تقييم Skillstore 78

موثوقية الأدلة مرتفع

استخدام Skillstore 11

تم التحديث

2026-09-09

تقييم Skillstore

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

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

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

المحتوى

المجتمع

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

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

إصلاح تحذير وقت تشغيل في Vue

حدّد قاعدة Vue المحتملة وراء التحذير واحصل على مسار إصلاح مركز.

تصحيح عدم تطابق إماهة SSR

قارن سلوك الخادم والعميل فيما يتعلق بـ HTML غير صالح، وواجهات API الخاصة بالمتصفح، والقيم العشوائية، والبيانات غير المتزامنة.

مراجعة أنماط مكوّنات Vue

افحص المكوّنات بحثًا عن أخطاء شائعة في التفاعلية وtemplate وslot وtransition وTypeScript قبل الإصدار.

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

شرح تحذير في Vue

Use vue-debug-guides to explain this Vue warning in simple terms and list the first three things I should check: [paste warning].

العثور على السبب الجذري المحتمل

Use vue-debug-guides to diagnose this Vue 3 component issue. Focus on reactivity, lifecycle timing, and template rules: [paste symptom and component].

مراجعة خطأ إماهة SSR

Use vue-debug-guides to analyze this SSR hydration mismatch. Compare browser-only APIs, invalid HTML, async data, randomness, and client-only rendering: [paste details].

تدقيق نمط Vue معقد

Use vue-debug-guides to review this Vue 3 pattern for hidden reactivity, async cleanup, slot, transition, and TypeScript pitfalls. Provide prioritized fixes: [paste code].

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

الصق التحذير الدقيق، ومقتطف المكوّن، وإصدار Vue عند طلب المساعدة.
اطلب أصغر مسار لإعادة إنتاج المشكلة قبل تغيير البنية.
تحقق من الإصلاح المقترح في المتصفح وفي وضع SSR عندما تكون الإماهة ذات صلة.

تجنب

لا تتعامل مع كل تحذير في Vue على أنه خطأ في إطار العمل قبل التحقق من التنبيهات الموثقة.
لا تنسخ مقتطفات الأمثلة دون تكييف المسارات والتنظيف وحدود الأمان.
لا تكتم أخطاء الإماهة أو TypeScript قبل العثور على السبب الجذري.