vue-tsc-eslint-hook

Use ESLint with vue-tsc to have better performance and accuracy.

Example: https://github.com/DrJume/vue-volar-eslint

Usage

package.json

1{
2	"devDependencies": {
3		"eslint": "latest",
4		"vue-tsc": "latest",
5		"vue-tsc-eslint-hook": "latest"
6	}
7}

tsconfig.json

1{
2	"vueCompilerOptions": {
3		"hooks": [
4			"./vue-tsc-hook.js"
5		]
6	}
7}

vue-tsc-hook.js

1module.exports = (program) =>
2	require('vue-tsc-eslint-hook')(
3		program,
4		(program) => ({
5			...baseConfig,
6			parserOptions: {
7				...baseConfig.parserOptions,
8				programs: [program], // replace eslint typescript program
9			},
10			// ignore non-ts virtual files that was generated by volar
11			ignorePatterns: ['**/*.vue', '**/*.html', '**/*.pug', '**/*.css', '**/*.scss'],
12			overrides: [
13				...baseConfig.overrides ?? [],
14				{
15					// ignore format linting for virtual ts code
16					files: ['*.vue.ts', '*.vue.js', '*.vue.tsx', '*.vue.jsx'],
17					rules: {
18						'prettier/prettier': 'off',
19					},
20				},
21			],
22		})
23	)