@sens-tools/eslint-config

Shared ESLint configuration for @sens-tools projects with TypeScript and Prettier integration.

Installation

pnpm add -D @sens-tools/eslint-config @eslint/js @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-prettier eslint-plugin-import-x eslint-plugin-prettier eslint-plugin-simple-import-sort typescript-eslint typescript

Usage

Create an eslint.config.js in your project root:

import sensToolsConfig from "@sens-tools/eslint-config";
import tseslint from "typescript-eslint";

const config: ReturnType<typeof tseslint.config> = tseslint.config(
  {
    ignores: ["dist/", "node_modules/", "build/"],
  },
  sensToolsConfig,
  {
    languageOptions: {
      parserOptions: {
        project: "./tsconfig.json",
        tsconfigRootDir: import.meta.dirname,
      },
    },
  }
);

export default config;

VS Code Setup

Add to your .vscode/settings.json:

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "[javascript]": {
    "editor.formatOnSave": false,
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[javascriptreact]": {
    "editor.formatOnSave": false,
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[typescript]": {
    "editor.formatOnSave": false,
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[typescriptreact]": {
    "editor.formatOnSave": false,
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  }
}