import vue from 'eslint-plugin-vue';
import typescriptEslint from '@typescript-eslint/eslint-plugin';
import globals from 'globals';
import parser from 'vue-eslint-parser';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
import js from '@eslint/js';
import { FlatCompat } from '@eslint/eslintrc';

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
const compat = new FlatCompat({
	baseDirectory: __dirname,
	recommendedConfig: js.configs.recommended,
	allConfig: js.configs.all,
});

export default [
	{
		ignores: [
			'**/*.sh',
			'**/node_modules',
			'**/lib',
			'**/*.md',
			'**/*.scss',
			'**/*.woff',
			'**/*.ttf',
			'**/.vscode',
			'**/.idea',
			'**/dist',
			'**/mock',
			'**/public',
			'**/bin',
			'**/build',
			'**/config',
			'**/index.html',
			'src/assets',
		],
	},
	...compat.extends('plugin:vue/vue3-essential', 'plugin:vue/essential', 'eslint:recommended'),
	{
		plugins: {
			vue,
			'@typescript-eslint': typescriptEslint,
		},

		languageOptions: {
			globals: {
				...globals.browser,
				...globals.node,
			},

			parser: parser,
			ecmaVersion: 12,
			sourceType: 'module',

			parserOptions: {
				parser: '@typescript-eslint/parser',
			},
		},

		rules: {
			'@typescript-eslint/ban-ts-ignore': 'off',
			'@typescript-eslint/explicit-function-return-type': 'off',
			'@typescript-eslint/no-explicit-any': 'off',
			'@typescript-eslint/no-var-requires': 'off',
			'@typescript-eslint/no-empty-function': 'off',
			'@typescript-eslint/no-use-before-define': 'off',
			'@typescript-eslint/ban-ts-comment': 'off',
			'@typescript-eslint/ban-types': 'off',
			'@typescript-eslint/no-non-null-assertion': 'off',
			'@typescript-eslint/explicit-module-boundary-types': 'off',
			'@typescript-eslint/no-redeclare': 'off',
			'@typescript-eslint/no-non-null-asserted-optional-chain': 'off',
			'@typescript-eslint/no-unused-vars': 'warn',
			'vue/no-unused-vars': 'off',
			'vue/no-mutating-props': 'warn',
			'vue/custom-event-name-casing': 'off',
			'vue/attributes-order': 'off',
			'vue/one-component-per-file': 'off',
			'vue/html-closing-bracket-newline': 'off',
			'vue/max-attributes-per-line': 'off',
			'vue/multiline-html-element-content-newline': 'off',
			'vue/singleline-html-element-content-newline': 'off',
			'vue/attribute-hyphenation': 'off',
			'vue/valid-v-else': 'warn',
			'vue/no-deprecated-filter': 'warn',
			'vue/html-self-closing': 'off',
			'vue/no-multiple-template-root': 'off',
			'vue/require-default-prop': 'off',
			'vue/no-v-model-argument': 'off',
			'vue/no-arrow-functions-in-watch': 'off',
			'vue/no-template-key': 'off',
			'vue/no-v-for-template-key': 'warn',
			'vue/no-v-html': 'off',
			'vue/comment-directive': 'off',
			'vue/no-parsing-error': 'off',
			'vue/no-deprecated-v-on-native-modifier': 'off',
			'vue/multi-word-component-names': 'off',
			'no-constant-binary-expression': 'warn',
			'no-useless-escape': 'off',
			'no-sparse-arrays': 'off',
			'no-prototype-builtins': 'off',
			'no-constant-condition': 'off',
			'no-use-before-define': 'off',
			'no-restricted-globals': 'off',
			'no-restricted-syntax': 'off',
			'generator-star-spacing': 'off',
			'no-unreachable': 'off',
			'no-multiple-template-root': 'off',
			'no-unused-vars': 'off',
			'no-v-model-argument': 'off',
			'no-case-declarations': 'off',
			'no-console': 'off',
			'no-redeclare': 'off',
		},
	},
	{
		files: ['**/*.ts', '**/*.tsx', '**/*.vue'],

		rules: {
			'no-undef': 'off',
		},
	},
];