How to configure eslint and tsconfig?

[danielo515]

Hello.
I'm really interested in having my project be properly linted and type checked.
Currently, I'm getting lots of eslint errors because undefined globals, and I was wondering how can I configure so eslint and typescript knows about the same globals?

[johnlindquist]

You may need to "Reload Window" if you had your ~/.kenv open in VS Code open during a time where something changed in ~/.kit (such as an update/install) so it picks up on the types.

I'd have to google for how to configure the eslint rules.

[danielo515]

It was not as simple as just letting TS pick the types, eslint does not immmediately understand TS.
This config worked quite good, in case anyone is interested in a simple config:

module.exports = {
	env: {
		es2021: true,
		node: true,
	},
	extends: 'xo',
	overrides: [
		{
			extends: ['xo-typescript'],
			files: ['*.ts'],
		},
	],
	plugins: ['@typescript-eslint'],
	parser: '@typescript-eslint/parser',
	parserOptions: {
		ecmaVersion: 'latest',
		sourceType: 'module',
		project: ['./tsconfig.json'],
		tsconfigRootDir: __dirname,
	},
	rules: {},
};