@css-modules-kit/eslint-plugin

A eslint plugin for CSS Modules

Installation

1npm i -D @css-modules-kit/eslint-plugin

Usage

1// eslint.config.js
2import { defineConfig } from 'eslint/config';
3import css from '@eslint/css';
4import cssModulesKit from '@css-modules-kit/eslint-plugin';
5
6export default defineConfig([
7  {
8    files: ['**/*.css'],
9    language: 'css/css',
10    languageOptions: {
11      tolerant: true, // Required if you use `@value` rule or `composes` property
12    },
13    extends: [css.configs.recommended, cssModulesKit.configs.recommended],
14  },
15]);

For vscode-eslint users, you need to add the following configuration to your settings.json:

1// .vscode/settings.json
2{
3  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "css"],
4}

Rules

• css-modules-kit/no-unused-class-names
• css-modules-kit/no-missing-component-file