eslint.config.mjs

import js from "@eslint/js";
import tanstackQuery from "@tanstack/eslint-plugin-query";
import tanstackRouter from "@tanstack/eslint-plugin-router";
import prettierConfig from "eslint-config-prettier";
import react from "eslint-plugin-react";
import reactHooks from "eslint-plugin-react-hooks";
import globals from "globals";
import ts from "typescript-eslint";

/** @type {import('eslint').Linter.Config[]} */
export default [
  // Ignore
  { ignores: ["dist"] },
  // Base
  {
    files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
    settings: {
      react: {
        version: "detect",
      },
    },
  },
  {
    languageOptions: { globals: globals.browser },
  },
  // TypeScript
  js.configs.recommended,
  ...ts.configs.recommended,
  // React
  react.configs.flat.recommended,
  {
    plugins: {
      "react-hooks": reactHooks,
    },
    rules: {
      "react/react-in-jsx-scope": "off",
      ...reactHooks.configs.recommended.rules,
    },
  },
  // Prettier
  prettierConfig,
  // Tailwind CSS
  //...tailwind.configs["flat/recommended"], // TODO: Wait until working with Tailwind CSS v4,
  // Tanstack
  ...tanstackRouter.configs["flat/recommended"],
  ...tanstackQuery.configs["flat/recommended"],
  // Customizations
  {
    rules: {
      "@tanstack/query/exhaustive-deps": [
        "error",
        {
          allowlist: {
            types: ["RedmineApiClient"],
          },
        },
      ],
      "@typescript-eslint/no-unused-vars": [
        "error",
        {
          args: "all",
          argsIgnorePattern: "^_",
          caughtErrors: "all",
          caughtErrorsIgnorePattern: "^_",
          destructuredArrayIgnorePattern: "^_",
          varsIgnorePattern: "^_",
          ignoreRestSiblings: true,
        },
      ],
    },
  },
];