eslint.config.js

import jsLint from '@eslint/js';
import tsLint from 'typescript-eslint';
import importPlugin from 'eslint-plugin-import';
import playwright from 'eslint-plugin-playwright';
import storybook from 'eslint-plugin-storybook';
import vueLint from 'eslint-plugin-vue';
import vueTsEslintConfig from '@vue/eslint-config-typescript';

export default [
  jsLint.configs.recommended,
  ...tsLint.configs.recommended,
  importPlugin.flatConfigs.recommended,
  ...vueLint.configs['flat/essential'],
  ...vueTsEslintConfig(),
  ...storybook.configs['flat/recommended'],
  {
    ...playwright.configs['flat/recommended'],
    files: [
      '**/*.vue',
      '**/*.js',
      '**/*.jsx',
      '**/*.cjs',
      '**/*.mjs',
      '**/*.ts',
      '**/*.tsx',
      '**/*.cts',
      '**/*.mts',
    ],
    languageOptions: {
      ecmaVersion: 'latest',
      sourceType: 'module',
    },
    rules: {
      ...playwright.configs['flat/recommended'].rules,
      'import/extensions': ['error', 'ignorePackages', {
        '': 'never',
        ts: 'never',
        js: 'never',
        vue: 'off',
      }],
      'no-param-reassign': 'off',
      'import/prefer-default-export': 'off',
      'radix': 'off',
      'dot-notation': 'off',
      '@typescript-eslint/no-explicit-any': 'off',
      // Disable full warning, and customize the typescript one
      // Warn about unused vars unless they start with an underscore
      'no-unused-vars': 'off',
      '@typescript-eslint/no-unused-vars': [
        'warn',
        {
          argsIgnorePattern: '^_',
          varsIgnorePattern: '^_',
          caughtErrorsIgnorePattern: '^_',
        },
      ],
    },
    settings: {
      'import/resolver': {
        typescript: true,
        node: true,
      },
    },
  }
];