# منسّق Vue

نسّق مكوّنات Vue أحادية الملف باستخدام منسّق Vue هذا. ألصق مكوّنًا، وستنسّق الأداة كتلة script فيه بصيغة JavaScript، أو بصيغة TypeScript عندما تكون lang هي ts، وكتلة style بصيغة CSS أو SCSS أو Less وفقًا لسمة lang، مع وضع مسافة بادئة للكتلتين أسفل وسمَيهما. يبقى قالب template في سطر واحد مع اختزال المسافات البيضاء. مفيد لمطوّري Vue الذين يرتبون المكوّنات للمراجعات والتوثيق.

## الأسئلة الشائعة

### ما الذي يغيّره منسّق Vue في المكوّن؟

ينسّق محتوى كتل script وstyle، ويضع كل كتلة من المستوى الأعلى في سطر مستقل. ويُضاف للكود داخل كل كتلة مسافة بادئة مقدارها مسافتان أسفل وسم الفتح.

### كيف تُعالَج كتلة template؟

تبقى كتلة template في سطر واحد، مع اختزال سلاسل المسافات البيضاء إلى مسافة واحدة. وتُنسخ التوجيهات مثل v-if وv-for و:prop و@event وتعبيرات mustache كما كُتبت تمامًا.

### كيف تُنسّق كتلة script؟

يُحلَّل مقطع script عادي ويُطبع بصيغة JavaScript مع مسافتين بادئتين وفواصل منقوطة. وعند استخدام lang="ts"، يُنسَّق بصيغة TypeScript التي تقبل أيضًا تعليقات الأنواع.

### كيف يُنسَّق مقطع style؟

يُنسَّق مقطع style بصيغة CSS افتراضيًا، مع تصريح واحد في كل سطر. وعند استخدام lang="scss" أو lang="less"، تُطبَّق قواعد SCSS أو Less، وتُحافَظ على السمة scoped.

### ماذا يحدث عند وجود خطأ نحوي في script؟

تُحلَّل مقاطع JavaScript وCSS، لذا يوقف الخطأ النحوي الأداة وتظهر رسالته. أصلح المشكلة المذكورة ثم أعد التنسيق.

### هل يدعم script setup؟

نعم، تُحافَظ على السمة setup في الوسم، ويُنسَّق المحتوى مثل أي مقطع script آخر. وتُعامل وحدات المترجم مثل defineProps على أنها استدعاءات دوال عادية عند التنسيق.

### هل يمكنني تغيير المسافة البادئة؟

لا، يستخدم المنسّق مسافتين دائمًا ولا يتضمن أي خيارات. ينتج المكوّن نفسه المخرجات نفسها دائمًا.

### هل تُحفَظ التعليقات؟

نعم، تُحافَظ على تعليقات HTML بين المقاطع والتعليقات داخل مقاطع script وstyle. وتبقى التعليقات داخل template في مواضعها ضمن سطره الواحد.

### لماذا أُحيطت النتيجة بسياج html؟

تُقرأ المكوّنات أحادية الملف بصيغة HTML، لذا تُعاد النتيجة في كتلة تعليمات برمجية بصيغة Markdown وموسومة بـ html. انسخ الأسطر بين السياجين إلى ملف .vue.

### ما الحجم الأقصى للمكوّن؟

حتى 5 MB لكل عملية؛ وتُرفض المدخلات الأكبر مع عرض رسالة. تطابق المخرجات خيار Vue في منسّق الأكواد.

إعلانك هنا؟

[راسلنا عبر البريد الإلكتروني](mailto:hi@dennn.is?subject=%D8%A7%D9%84%D8%A5%D8%B9%D9%84%D8%A7%D9%86%20%D8%B9%D9%84%D9%89%20OneClick%20Pro)

[إعلان مجموعة إضافات جاهزة للوكلاء من أجل WordPress.](https://sleekwp.com/?ref=oneclickpro)