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

``json
{
"devDependencies": {
"eslint": "latest",
"vue-tsc": "latest",
"vue-tsc-eslint-hook": "latest"
}
}
`

tsconfig.json

`js
{
"vueCompilerOptions": {
"hooks": [
"./vue-tsc-hook.js"
]
}
}
`

vue-tsc-hook.js

`js
module.exports = (program) =>
require('vue-tsc-eslint-hook')(
program,
(program) => ({
...baseConfig,
parserOptions: {
...baseConfig.parserOptions,
programs: [program], // replace eslint typescript program
},
// ignore non-ts virtual files that was generated by volar
ignorePatterns: ['/.vue', '/.html', '/.pug', '/.css', '*/.scss'],
overrides: [
...baseConfig.overrides ?? [],
{
// ignore format linting for virtual ts code
files: ['.vue.ts', '.vue.js', '.vue.tsx', '.vue.jsx'],
rules: {
'prettier/prettier': 'off',
},
},
],
})
)
``