.eslintrc

{
 "env": {
   "browser": true,
   "es2021": true
 },
 
 "extends": [
  "@remix-run/eslint-config",
   "plugin:@typescript-eslint/recommended",
   "prettier"
 ],
 "parser": "@typescript-eslint/parser",
 "parserOptions": {
   "ecmaFeatures": {
     "jsx": true
   },
   "ecmaVersion": 12,
   "sourceType": "module"
 },
 "plugins": ["@typescript-eslint","simple-import-sort", "unused-imports"],
 "rules": {
   "no-unused-vars": "off",
   "no-console": "warn",
   "@typescript-eslint/explicit-module-boundary-types": "off",
   "react/no-unescaped-entities": "off",
   "react/display-name": "off",
   "react/jsx-curly-brace-presence": [
     "warn",
     { "props": "never", "children": "never" }
   ],

   //#region  //*=========== Unused Import ===========
   "@typescript-eslint/no-unused-vars": "off",
   "unused-imports/no-unused-imports": "warn",
   "unused-imports/no-unused-vars": [
     "warn",
     {
       "vars": "all",
       "varsIgnorePattern": "^_",
       "args": "after-used",
       "argsIgnorePattern": "^_"
     }
   ],
   //#endregion  //*======== Unused Import ===========

   //#region  //*=========== Import Sort ===========
   "simple-import-sort/exports": "warn",
   "simple-import-sort/imports": [
     "warn",
     {
       "groups": [
         // ext library & side effect imports
         ["^@?\\w", "^\\u0000"],
         // {s}css files
         ["^.+\\.s?css$"],
         // Lib and hooks
         ["^@/lib", "^@/hooks"],
         // static data
         ["^@/data"],
         // components
         ["^@/components", "^@/container"],
         // zustand store
         ["^@/store"],
         // Other imports
         ["^@/"],
         // relative paths up until 3 level
         [
           "^\\./?$",
           "^\\.(?!/?$)",
           "^\\.\\./?$",
           "^\\.\\.(?!/?$)",
           "^\\.\\./\\.\\./?$",
           "^\\.\\./\\.\\.(?!/?$)",
           "^\\.\\./\\.\\./\\.\\./?$",
           "^\\.\\./\\.\\./\\.\\.(?!/?$)"
         ],
         ["^@/types"],
         // other that didnt fit in
         ["^"]
       ]
     }
   ]
   //#endregion  //*======== Import Sort ===========
 }
}