// @ts-check
import withNuxt from './.nuxt/eslint.config.mjs'

import js from '@eslint/js'
import prettier from 'eslint-config-prettier'
import globals from 'globals'
import typescriptEslint from 'typescript-eslint'
import vue from 'eslint-plugin-vue'

export default withNuxt([
  js.configs.recommended,
  ...typescriptEslint.configs.recommended,
  ...vue.configs['flat/recommended'],
  prettier,
  {
    languageOptions: {
      globals: {
        ...globals.browser,
        ...globals.node,
        // Add global types from our API definitions
        ChampionSummary: 'readonly',
        LaneData: 'readonly',
        ChampionData: 'readonly',
        ItemTree: 'readonly',
        Builds: 'readonly',
        PerkStyle: 'readonly',
        PerksResponse: 'readonly',
        PerkStylesResponse: 'readonly',
        Champion: 'readonly',
        ChampionsResponse: 'readonly',
        ChampionResponse: 'readonly',
        ItemResponse: 'readonly'
      }
    },
    rules: {
      semi: 'off',
      'prefer-const': 'error',
      'no-unused-vars': [
        'error',
        {
          argsIgnorePattern: '^_',
          varsIgnorePattern: '^_',
          caughtErrorsIgnorePattern: '^_'
        }
      ],
      'vue/multi-word-component-names': 'off'
    }
  }
])