.eslintrc.cjs

/** @type {import('eslint').Linter.Config} */
module.exports = {
  root: true,
  plugins: ['@typescript-eslint', 'simple-import-sort'], // Use the TypeScript plugin
  parser: '@typescript-eslint/parser', // Use the TypeScript parser for ESLint,
  extends: [
    'plugin:@typescript-eslint/recommended', // Use TypeScript recommended rules
    'prettier',
  ],
  rules: {
    '@typescript-eslint/no-explicit-any': 'warn',
    // import sort
    // increase the severity of rules so they are auto-fixable
    'simple-import-sort/imports': 'error',
    'simple-import-sort/exports': 'error',
  },
};

// /**
//  * This is intended to be a basic starting point for linting in your app.
//  * It relies on recommended configs out of the box for simplicity, but you can
//  * and should modify this configuration to best suit your team's needs.
//  */

// /** @type {import('eslint').Linter.Config} */
// module.exports = {
//   root: true,
//   parserOptions: {
//     ecmaVersion: "latest",
//     sourceType: "module",
//     ecmaFeatures: {
//       jsx: true,
//     },
//   },
//   env: {
//     browser: true,
//     commonjs: true,
//     es6: true,
//   },

//   // Base config
//   extends: ["eslint:recommended"],

//   overrides: [
//     // React
//     {
//       files: ["**/*.{js,jsx,ts,tsx}"],
//       plugins: ["react", "jsx-a11y"],
//       extends: [
//         "plugin:react/recommended",
//         "plugin:react/jsx-runtime",
//         "plugin:react-hooks/recommended",
//         "plugin:jsx-a11y/recommended",
//       ],
//       settings: {
//         react: {
//           version: "detect",
//         },
//         formComponents: ["Form"],
//         linkComponents: [
//           { name: "Link", linkAttribute: "to" },
//           { name: "NavLink", linkAttribute: "to" },
//         ],
//         "import/resolver": {
//           typescript: {},
//         },
//       },
//     },

//     // Typescript
//     {
//       files: ["**/*.{ts,tsx}"],
//       plugins: ["@typescript-eslint", "import"],
//       parser: "@typescript-eslint/parser",
//       settings: {
//         "import/internal-regex": "^~/",
//         "import/resolver": {
//           node: {
//             extensions: [".ts", ".tsx"],
//           },
//           typescript: {
//             alwaysTryTypes: true,
//           },
//         },
//       },
//       extends: [
//         "plugin:@typescript-eslint/recommended",
//         "plugin:import/recommended",
//         "plugin:import/typescript",
//       ],
//     },

//     // Node
//     {
//       files: [".eslintrc.js"],
//       env: {
//         node: true,
//       },
//     },
//   ],
// };