eslint.config.mjs

// @ts-check
import react from '@eslint-react/eslint-plugin'
import pluginJs from '@eslint/js'
import pluginRouter from '@tanstack/eslint-plugin-router'
import * as tsParser from '@typescript-eslint/parser'
import reactCompiler from 'eslint-plugin-react-compiler'
import hooksPlugin from 'eslint-plugin-react-hooks'
import tseslint from 'typescript-eslint'

export default tseslint.config(
  {
    ignores: [
      'node_modules',
      '.vinxi',
      '.output',
      'public',
      '.prettierrc.mjs',
      'app/components/ui',
      'app/hooks/use-toast.ts',
      'app/routeTree.gen.ts',
    ],
  },
  { files: ['**/*.{js,mjs,cjs,ts}'] },
  pluginJs.configs.recommended,
  tseslint.configs.recommended,
  {
    plugins: {
      'react-hooks': hooksPlugin,
    },
  },
  {
    plugins: {
      'react-compiler': reactCompiler,
    },
    rules: {
      'react-compiler/react-compiler': 'error',
    },
  },
  {
    plugins: {
      '@tanstack/router': pluginRouter,
    },
    rules: {
      '@tanstack/router/create-route-property-order': 'error',
    },
  },
  {
    files: ['**/*.{ts,tsx}'],
    ...react.configs.recommended,
    languageOptions: {
      parser: tsParser,
    },
  },
)