ESLint Config

Getting started

Install peer dependencies with

pnpm i -D eslint \
eslint-plugin-security \
eslint-plugin-vue \
@typescript-eslint/eslint-plugin \
@typescript-eslint/parser \
@stylistic/eslint-plugin

install the package with

pnpm i -D @drwade/eslint-config

Usage

Create eslint.config.js in project

import valgEslintConfig from "@drwade/eslint-config";

export default [
    ...valgEslintConfig
];

Recommendation

Setup .vscode folder in root directory and add the following in a settings.json file.

{
    "editor.formatOnSave": false,
    "files.autoSave": "onFocusChange",
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": "always"
    },
    "eslint.validate": [
      "vue",
      "javascript",
      "typescript"
    ],
  }

Patching projects

1. ncu - check updates.
2. ncu -u - update.
3. pnpm i - install update.
4. pnpm eslint - used to verify that eslint lints propperly.