.eslintrc.json

{
    "plugins": ["css-modules", "no-relative-import-paths"],
    "extends": [
        "next/core-web-vitals",
        "plugin:css-modules/recommended",
        "plugin:storybook/recommended"
    ],
    "ignorePatterns": ["next.config.js"],
    "rules": {
        "@next/next/no-img-element": 0,
        "css-modules/no-unused-class": [
            1,
            {
                "camelCase": true
            }
        ],
        "css-modules/no-undef-class": [
            2,
            {
                "camelCase": true
            }
        ],
        "import/order": [
            "warn",
            {
                "groups": [
                    ["builtin", "external"],
                    ["internal", "parent", "index", "object", "unknown", "type"],
                    "sibling"
                ],
                "pathGroups": [
                    {
                        "pattern": "./**/*.module.scss",
                        "group": "sibling",
                        "position": "after"
                    }
                ]
            }
        ],
        "no-console": "warn",
        "no-alert": "error",
        "no-relative-import-paths/no-relative-import-paths": [
            "warn",
            {
                "allowSameFolder": true,
                "rootDir": "src"
            }
        ]
    },
    "settings": {
        "css-modules": {
            "basePath": "src"
        }
    }
}