.eslintrc.json

{
    "parser": "@typescript-eslint/parser",
    "extends": [
        "eslint:recommended",
        "plugin:tailwindcss/recommended",
        "plugin:@typescript-eslint/recommended",
        "next/core-web-vitals",
        "prettier"
    ],
    "plugins": [
        "unused-imports"
    ],
    "rules": {
        "no-unused-vars": "off", // or "@typescript-eslint/no-unused-vars": "off",
        "tailwindcss/classnames-order": "warn",
        "tailwindcss/enforces-negative-arbitrary-values": "warn",
        "tailwindcss/enforces-shorthand": "warn",
        "tailwindcss/migration-from-tailwind-2": "warn",
        "tailwindcss/no-arbitrary-value": "off",
        "tailwindcss/no-custom-classname": "off",
        "tailwindcss/no-contradicting-classname": "error",
        "unused-imports/no-unused-imports": "warn",
        "unused-imports/no-unused-vars": [
            "warn",
            {
                "vars": "all",
                "varsIgnorePattern": "^_",
                "args": "after-used",
                "argsIgnorePattern": "^_"
            }
        ]
        // "import/order": [
        //     "error",
        //     {
        //         "groups": [
        //             "builtin",
        //             "external",
        //             "internal",
        //             [
        //                 "parent",
        //                 "sibling"
        //             ],
        //             "object",
        //             "type",
        //             "index"
        //         ],
        //         "newlines-between": "always",
        //         // at least one new line between each group will be enforced, and new lines inside a group will be forbidden
        //         "pathGroupsExcludedImportTypes": [
        //             "builtin"
        //         ],
        //         "alphabetize": {
        //             "order": "asc",
        //             "caseInsensitive": true
        //         },
        //         "pathGroups": [
        //             {
        //                 "pattern": "@/hooks/**",
        //                 "group": "internal",
        //                 "position": "before"
        //             },
        //             {
        //                 "pattern": "@/types/**",
        //                 "group": "internal",
        //                 "position": "before"
        //             },
        //             {
        //                 "pattern": "@/utils/**",
        //                 "group": "internal",
        //                 "position": "before"
        //             },
        //             {
        //                 "pattern": "@/pages/**",
        //                 "group": "internal",
        //                 "position": "before"
        //             },
        //             {
        //                 "pattern": "@/components/page/**",
        //                 "group": "internal",
        //                 "position": "before"
        //             },
        //             {
        //                 "pattern": "@/components/model/**",
        //                 "group": "internal",
        //                 "position": "before"
        //             },
        //             {
        //                 "pattern": "@/components/ui/**",
        //                 "group": "internal",
        //                 "position": "before"
        //             },
        //             {
        //                 "pattern": "@/styles/**",
        //                 "group": "index",
        //                 "position": "before"
        //             }
        //         ]
        //     }
        // ]
    }
}