ESLint Config

ESLint konfigurácia pre UnoCSS: @unocss/eslint-config.

Inštalácia

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

V štýle Flat Config:

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

export default [
  unocss,
  // ostatné konfigurácie
]

V legacy štýle .eslintrc:

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

Pravidlá

• @unocss/order - Vynútiť konkrétny poradie pre selektory tried.
• @unocss/order-attributify - Vynútiť konkrétny poradie pre attributify selektory.
• @unocss/blocklist - Zakázať konkrétne selektory tried [Voliteľné].
• @unocss/enforce-class-compile - Vynútiť kompiláciu tried [Voliteľné].

Voliteľné pravidlá

Tieto pravidlá nie sú predvolene povolené. Ak ich chcete povoliť, pridajte nasledujúce do vášho .eslintrc:

{
  "extends": [
    "@unocss"
  ],
  "rules": {
    "@unocss/<rule-name>": "warn", // alebo "error",
    "@unocss/<another-rule-name>": ["warn" /* alebo "error" */, { /* možnosti */ }]
  }
}

@unocss/blocklist

Vyhodiť varovanie alebo chybu, keď sa použijú utility uvedené v blocklist.

Môžete prispôsobiť správy pre blokované pravidlá, aby boli informatívnejšie a kontextovo špecifické pomocou vlastnosti message meta objektu:

export default defineConfig({
  blocklist: [
    ['bg-red-500', { message: 'Použite bg-red-600 namiesto toho' }],
    [/-auto$/, { message: s => `Použite ${s.replace(/-auto$/, '-a')} namiesto toho` }], // -> "my-auto" je v blocklist: Použite "my-a" namiesto toho
  ],
})

@unocss/enforce-class-compile 🔧

Toto pravidlo je navrhnuté na prácu v kombinácii s compile class transformer.

Vyhodiť varovanie alebo chybu, keď atribút triedy alebo direktíva nezačína :uno:.

🔧 automaticky pridáva prefix :uno: ku všetkým atribútom tried a direktívam.

Možnosti:

• prefix (string) - môže byť použité v kombinácii s vlastným prefixom. Predvolené: :uno:
• enableFix (boolean) - môže byť použité na postupnú migráciu keď false. Predvolené: true

Poznámka: momentálne je podporované iba Vue. Prispievajte PR ak to chcete v JSX. Ak hľadáte toto v Svelte, môžete hľadať režim svelte-scoped.

Prior Arts

Ďakujeme eslint-plugin-unocss od @devunt.