.eslintrc.json

{
    "plugins": ["@typescript-eslint", "prettier", "import"],
    "extends": [
        "next/core-web-vitals",
        "eslint:recommended",
        "plugin:prettier/recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:import/recommended",
        "plugin:import/typescript",
        "plugin:tailwindcss/recommended"
    ],
    "rules": {
        "@typescript-eslint/no-unused-vars": "off",
        "@typescript-eslint/no-explicit-any": "off",
        "@typescript-eslint/no-var-requires": "off",
        "react-hooks/rules-of-hooks": "off",
        "no-case-declarations": "off",
        "import/no-unresolved": "error",
        "react/display-name": "off",
        "no-empty": "off",
        "import/order": [
            "error",
            {
                "groups": ["builtin", "external", "internal", ["sibling", "parent"], "index", "unknown"],
                "newlines-between": "always",
                "alphabetize": {
                    "order": "asc",
                    "caseInsensitive": true
                }
            }
        ],
        "sort-imports": [
            "error",
            {
                "ignoreCase": false,
                "ignoreDeclarationSort": true,
                "ignoreMemberSort": false,
                "memberSyntaxSortOrder": ["none", "all", "multiple", "single"],
                "allowSeparatedGroups": true
            }
        ],
        "tailwindcss/no-custom-classname": [
            "warn",
            {
                "cssFiles": [
                    "styles/tailwind.css",
                    "styles/extra.css"
                  ]
            }
        ]
    },
    "settings": {
        "import/resolver": {
            "typescript": {
                "project": "./tsconfig.json"
            }
        }
    }
}