Teachiq eslint-config

This package is intended to configure everything you need for eslint relevant vscode extensions

Installing

npm install -D @teachiq/eslint-config

Using

Make sure all your local Eslint dependencies are removed along with anything related to prettier.

For ESLint v9+ with flat config:

// eslint.config.js
import { defineConfig } from 'eslint/config'
import vue3ts from '@teachiq/eslint-config/vue3-typescript'

export default defineConfig([
  ...vue3ts,
  {
    files: ['**/*.js'],

    // anything from here will override vue3ts
    rules: {
      'vue/no-setup-props-reactivity-loss': 'off',
    },
  },
])

VScode Extensions

This config works best with the eslint extension

Format on save

In order to get the "format on save" in vscode to work with this config you need to change some user settings.

Your user settings- or workspace settings (the one in the .vscode directory) .json files must include the following:

settings.json

{
  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
  "eslint.format.enable": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.stylelint": true
  },
  "eslint.validate": ["javascript", "vue"]
}

If you have the VSCode StyleLint plugin, make sure .vue files are enabled there as well

"stylelint.validate": [..., "vue"],

Troubleshooting

• Sometimes the package-lock file doesn't seem to update properly. Try with a fresh install. Remove package-lock and node folder then run install again.

• Try to install eslint-config with --legacy-peer-deps flag

• Make sure you removed all project Eslint packages before installation

• Try rebooting VS Code