@lionstone-digital/eslint-config-typescript/src/index.js

Helpful eslint config for projects with TypeScript

import eslintConfigBaseCore from '@lionstone-digital/eslint-config/core'
import eslintConfigBasePrettier from '@lionstone-digital/eslint-config/prettier'
import { createTypeScriptImportResolver } from 'eslint-import-resolver-typescript'
import { defineConfig } from 'eslint/config'
import tsEslint from 'typescript-eslint'

export default defineConfig(
  // Core
  ...eslintConfigBaseCore,

  // For TypeScript
  ...tsEslint.configs.recommended,
  {
    files: ['**/*.{ts,tsx,d.ts,vue}'],
    languageOptions: {
      parserOptions: {
        parser: tsEslint.parser,
        projectService: {
          defaultProject: 'tsconfig.json'
        },
        extraFileExtensions: ['.vue']
      }
    },
    rules: {
      '@typescript-eslint/no-unused-expressions': 'warn',
      '@typescript-eslint/no-empty-object-type': 'warn',
      '@typescript-eslint/no-unused-vars': 'warn'
    }
  },

  // For Imports
  {
    settings: {
      'import-x/resolver-next': [
        createTypeScriptImportResolver({
          // Default to tsconfig.json in the root
          project: ['tsconfig.json']
        })
      ]
    }
  },

  // For Prettier
  ...eslintConfigBasePrettier
)