eslint.config.js

import js from '@eslint/js'
import eslintPluginVue from 'eslint-plugin-vue'
import ts from 'typescript-eslint'
import stylistic from '@stylistic/eslint-plugin'
import pluginVueA11y from 'eslint-plugin-vuejs-accessibility'

export default ts.config(
	// Parser
	{
		files: ['*.vue', '**/*.vue'],
		languageOptions: {
			parserOptions: {
				parser: '@typescript-eslint/parser',
				sourceType: 'module',
			},
		},
	},

	// Base config
	js.configs.recommended,
	...ts.configs.recommended,
	...eslintPluginVue.configs['flat/recommended'],
	...pluginVueA11y.configs['flat/recommended'],
	stylistic.configs.customize({
		indent: 'tab',
		quotes: 'single',
		semi: false,
		jsx: false,
	}),
	// Overrides
	{
		// Vue Overrides
		files: ['*.vue', '**/*.vue'],
		rules: {
			'vue/block-order': [
				'error',
				{
					order: [
						'script:not([setup])',
						'script[setup]',
						'template',
						'style[scoped]',
						'style:not([scoped])',
					],
				},
			],
			'vue/multi-word-component-names': 0,
			'vue/script-indent': ['error', 'tab', { baseIndent: 1 }],
			'vue/html-indent': ['error', 'tab'],
			'vue/html-comment-indent': ['error', 'tab'],
			'vue/no-v-html': 0,
			'@stylistic/indent': 0,
			'no-console': ['error', { allow: ['warn', 'error'] }],
			'no-explicit-any': 0,
		},
	},
)