import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
import pluginVue from 'eslint-plugin-vue'
import pluginVuetify from 'eslint-plugin-vuetify'

export default defineConfigWithVueTs(
  pluginVue.configs['flat/strongly-recommended'],
  pluginVuetify.configs['flat/base'],
  vueTsConfigs.recommended,
  {
    plugins: {
      vue: pluginVue,
      vuetify: pluginVuetify,
    },
    settings: {
      'import/resolver': {
        alias: {
          map: [['@', './src']],
          extensions: ['.ts', '.vue', '.json'],
        },
      },
    },
    ignores: [
      '**/*.d.ts',
      '**/*.js',
      '**/local-*',
      'coverage/',
      'dist/',
      'node_modules/',
      'eslint.config.ts',
      'tsconfig.json',
    ],
    rules: {
      'sort-imports': [
        'error',
        {
          ignoreCase: false,
          ignoreDeclarationSort: false,
          ignoreMemberSort: false,
          memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
          allowSeparatedGroups: true,
        },
      ],
      indent: ['error', 2],
      semi: ['error', 'never'],
      quotes: ['error', 'single'],
      'block-spacing': 'error',
      'no-multi-spaces': 'error',
      'no-multiple-empty-lines': ['error', { max: 1, maxEOF: 0 }],
      'comma-dangle': ['error', 'always-multiline'],
      'comma-spacing': ['error', { before: false, after: true }],
      'no-whitespace-before-property': 'error',
      'no-trailing-spaces': 'error',
      'space-before-function-paren': [
        'error',
        {
          anonymous: 'never',
          named: 'never',
          asyncArrow: 'always',
        },
      ],
      'space-infix-ops': 'error',
      'space-unary-ops': 'error',
      'template-curly-spacing': ['error', 'never'],
      'vue/v-on-event-hyphenation': ['error', 'never', { autofix: true }],
      '@typescript-eslint/no-explicit-any': 'off',
      '@typescript-eslint/no-unused-vars': [
        'warn',
        'all',
      ],
      'object-curly-spacing': ['error', 'always'],
      'vue/component-name-in-template-casing': ['error', 'kebab-case', { registeredComponentsOnly: false }],
    },
  },
)