تكوين ESLint

تكوين ESLint لـ UnoCSS: @unocss/eslint-config.

التثبيت

pnpm

pnpm add -D @unocss/eslint-config

yarn

yarn add -D @unocss/eslint-config

npm

npm install -D @unocss/eslint-config

bun

bun add -D @unocss/eslint-config

في نمط Flat Config:

import unocss from '@unocss/eslint-config/flat'

export default [
  unocss,
  // تكوينات أخرى
]

في نمط .eslintrc القديم:

{
  "extends": [
    "@unocss"
  ]
}

القواعد

• @unocss/order - فرض ترتيب محدد لمحددات الفئة.
• @unocss/order-attributify - فرض ترتيب محدد لمحددات attributify.
• @unocss/blocklist - منع محددات فئة محددة [اختياري].
• @unocss/enforce-class-compile - فرض تجميع الفئة [اختياري].

قواعد اختيارية

هذه القواعد غير مفعّلة افتراضياً. لتمكينها، أضف ما يلي إلى .eslintrc الخاص بك:

{
  "extends": [
    "@unocss"
  ],
  "rules": {
    "@unocss/<rule-name>": "warn", // أو "error",
    "@unocss/<another-rule-name>": ["warn" /* أو "error" */, { /* الخيارات */ }]
  }
}

@unocss/blocklist

إلقاء تحذير أو خطأ عند استخدام الأدوات المدرجة في blocklist يتم مطابقتها.

يمكنك تخصيص الرسائل للقواعد المحظورة لجعلها أكثر إفادة ومحددة السياق باستخدام خاصية message لكائن meta:

export default defineConfig({
  blocklist: [
    ['bg-red-500', { message: 'Use bg-red-600 instead' }],
    [/-auto$/, { message: s => `Use ${s.replace(/-auto$/, '-a')} instead` }], // -> "my-auto" is in blocklist: Use "my-a" instead
  ],
})

@unocss/enforce-class-compile 🔧

تم تصميم هذه القاعدة للعمل مع محول تجميع الفئة.

إلقاء تحذير أو خطأ عندما لا يبدأ سمة الفئة أو التوجيه بـ :uno:.

🔧 يضيف تلقائياً البادئة :uno: إلى جميع سمات الفئة والتوجيهات.

الخيارات:

• prefix (string) - يمكن استخدامه مع بادئة مخصصة. افتراضي: :uno:
• enableFix (boolean) - يمكن استخدامه للهجرة التدريجية عندما يكون false. افتراضي: true

ملاحظة: حالياً Vue مدعوم فقط. ساهم بـ PR إذا كنت تريد هذا في JSX. إذا كنت تبحث عن هذا في Svelte، قد تبحث عن وضع svelte-scoped.

الأعمال السابقة

شكراً لـ eslint-plugin-unocss بواسطة @devunt.