@hybrbase/eslint-config/src/rules/tailwind.js

A shareable eslint base configuration for projects.

const reactPatterns = {
  files: ['*.{jsx,tsx}'],
}

/**
 * Fine-tune naming convention react typescript jsx (function components)
 * @link https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/naming-convention.md
 */

module.exports = {
  env: {
    browser: true,
    es6: true,
    node: true,
  },
  overrides: [
    {
      files: [...reactPatterns.files],
      extends: [
        // @see https://github.com/francoismassart/eslint-plugin-tailwindcss,
        'plugin:tailwindcss/recommended',
      ],
      rules: {
        'tailwindcss/no-custom-classname': 'off',
        'tailwindcss/classnames-order': 'off',
        'tailwindcss/no-contradicting-classname': 'error',
      },
    },
  ],
}