eslint-plugin-tailwindcss-error

Description

eslint-plugin-tailwindcss-error est un plugin ESLint conçu pour détecter et corriger automatiquement les fautes de frappe dans les classes TailwindCSS. Ce plugin vous aide à maintenir un code propre et sans erreurs en vous alertant lorsque des classes TailwindCSS incorrectes sont détectées et en proposant des corrections appropriées.

Installation

Vous pouvez installer ce plugin via pnpm :

pnpm add eslint-plugin-tailwindcss-error --save-dev

Configuration

Ajoutez eslint-plugin-tailwindcss-error à vos fichiers de configuration ESLint.

  plugins: ["tailwindcss-error"],
  rules: {
    "tailwindcss-error/no-typos": "error",
  },

Utilisation

Une fois configuré, ESLint analysera vos fichiers et signalera toute faute de frappe dans les classes TailwindCSS. Par exemple, si vous avez une faute de frappe comme felx-col au lieu de flex-col, le plugin proposera une correction.

import React from 'react';

const Home = () => (
  <div className="flex felx-col from-indig-500">
    Hello World
  </div>
);

export default Home;

ESLint signalera une erreur et proposera de corriger felx-col en flex-col et from-indig-500 en from-indigo-500.

Utilisation

Ce projet est sous licence ISC.