Vue.js develop with ESLint config

.eslintrc.js

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true
  },
  parserOptions: {
    parser: 'babel-eslint',
    ecmaFeatures: {
      legacyDecorators: true
    }
  },
  // with vue cli
  extends: [
    'plugin:vue/recommended'
  ],
  // if nuxt
  // extends: [
  //   '@nuxtjs',
  //   'plugin:nuxt/recommended'
  // ],
  rules: {
    'space-before-function-paren': ["error", "never"],
    'nuxt/no-cjs-in-config': 'off',
    'no-console': 'off',
    'no-unused-vars': 'off',
    quotes: [2, 'single'],
    semi: [2, 'never'],
    'comma-dangle': ['error', 'never'],
    'vue/html-closing-bracket-newline': [
      2,
      {
        singleline: 'never',
        multiline: 'never'
      }
    ],
    'vue/singleline-html-element-content-newline': 'off',
    'vue/max-attributes-per-line': [
      2,
      {
        singleline: 3,
        multiline: {
          max: 1,
          allowFirstLine: false
        }
      }
    ]
  }
}