@mikey-pro/eslint-config-vue

A preset ESLint configuration with Vue

Usage

Install

npm i -D @mikey-pro/eslint-config-vue

yarn add -D @mikey-pro/eslint-config-vue

Configure

Extend to ESLint in package.json:

{
  "eslintConfig": {
    "extends": [
      "@mikey-pro/eslint-config-vue"
    ]
  }
}

It is recommended to also use Vetur with your Vue project to provide syntax highlighting and additional features in VSCode

Install Vetur for VSCode

Add vetur.config.js to the root directory with the correct paths:

module.exports = {
  settings: {
    'vetur.useWorkspaceDependencies': true,
    'vetur.experimental.templateInterpolationService': true,
  },
  projects: [
    {
      root: './',
      package: './package.json',
      globalComponents: ['./client/src/components/**/*.vue'],
      tsconfig: './client/jsconfig.json',
    },
  ],
};

Add jsconfig.json with a glob pattern that includes all of your .vue files:

{
  "include": [
    "./src/**/*"
  ]
}