ESLint कॉन्फ़िग

UnoCSS के लिए ESLint कॉन्फ़िग: @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

फ्लैट कॉन्फ़िग स्टाइल में:

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

export default [
  unocss,
  // अन्य कॉन्फ़िग
]

लिगेसी .eslintrc स्टाइल में:

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

नियम

• @unocss/order - क्लास सेलेक्टर्स के लिए एक विशिष्ट क्रम लागू करें।
• @unocss/order-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 प्रॉपर्टी का उपयोग करके अधिक जानकारीपूर्ण और संदर्भ-विशिष्ट हों:

export default defineConfig({
  blocklist: [
    ['bg-red-500', { message: 'Use bg-red-600 instead' }],
    [/-auto$/, { message: s => `Use ${s.replace(/-auto$/, '-a')} instead` }], // -> "my-auto" ब्लॉकलिस्ट में है: Use "my-a" instead
  ],
})

@unocss/enforce-class-compile 🔧

यह नियम कंपाइल क्लास ट्रांसफॉर्मर के साथ संयोजन में काम करने के लिए डिज़ाइन किया गया है।

जब क्लास एट्रिब्यूट या निर्देश :uno: से शुरू नहीं होता है तो चेतावनी या त्रुटि दें।

🔧 सभी क्लास एट्रिब्यूट्स और निर्देशों में स्वचालित रूप से प्रीफ़िक्स :uno: जोड़ता है।

विकल्प:

• prefix (string) - कस्टम प्रीफ़िक्स के संयोजन में उपयोग किया जा सकता है। डिफ़ॉल्ट: :uno:
• enableFix (boolean) - false होने पर क्रमिक प्रवास के लिए उपयोग किया जा सकता है। डिफ़ॉल्ट: true

नोट: वर्तमान में केवल Vue समर्थित है। यदि आप इसे JSX में चाहते हैं तो PR में योगदान दें। यदि आप इसे Svelte में ढूंढ रहे हैं, तो आप शायद svelte-scoped मोड ढूंढ रहे होंगे।

पूर्व कलाएँ

@devunt द्वारा eslint-plugin-unocss के लिए धन्यवाद।