Some `typescript-eslint` rules utilizes type information to provide deeper insights into your code.

But type-checking is a much slower process than linting with only syntax information.

It is not always easy to set up the type-checking environment for ESLint without severe performance penalties.

So we don't recommend you to configure individual type-aware rules and the corresponding language options all by yourself.

Instead, you can start by extending from the `recommendedTypeChecked` configuration and then turn on/off the rules you need.

import pluginVue from "eslint-plugin-vue";

import vueTsEslintConfig from "@vue/eslint-config-typescript";

export default [

...pluginVue.configs["flat/essential"],

...vueTsEslintConfig({ extends: ['recommendedTypeChecked'] }),

{

files: ['**/*.ts', '**/*.tsx', '**/*.mts', '**/*.vue'],

rules: {

// Turn off the recommended rules that you don't need.

'@typescript-eslint/no-redundant-type-constituents': 'off',

// Turn on other rules that you need.

'@typescript-eslint/require-array-sort-compare': 'error'

}

]

- [All the extendable configurations from `typescript-eslint`](https://typescript-eslint.io/users/configs).

- [All the available rules from `typescript-eslint`](https://typescript-eslint.io/rules/).