Linters

When using ESLint, make sure you have enabled the Vue plugin, and you are following the strongly recommended rules. Those rules will help you with the development, checking for some common mistakes that can open doors to attacks such as the v-html directive.

In a Vue-CLI project, with the options for linters selected, a file named .eslintrc.js will be created along with the project files. In this file, a set of basic rules will be pre-determined. The following is an example of a set of good practice rules for an ESLint + AirBnb project:

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    'plugin:vue/essential',
    'plugin:vue/recommended',
    'plugin:vue/strongly-recommended',
    '@vue/airbnb',
  ],
parserOptions: {
    parser: 'babel-eslint',
  },
rules: {
 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
 'no-debugger': process.env.NODE_ENV...