ESLint configuration for Nuxt.js projects

eslintrc.js

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true,
  },
  extends: [
    'standard',
    'plugin:vue/recommended',
  ],
  parserOptions: {
    parser: 'babel-eslint',
  },
  plugins: [
    'vue',
  ],
  // Custom rules.
  rules: {
    'comma-dangle': ['error', {
      arrays: 'always-multiline',
      objects: 'always-multiline',
      imports: 'always-multiline',
      exports: 'always-multiline',
      functions: 'always-multiline',
    }],
    indent: ['error', 2, {
      SwitchCase: 1,
    }],
    'vue/script-indent': ['error', 2, {
      baseIndent: 1,
      switchCase: 1,
    }],
    'vue/max-attributes-per-line': ['error', {
      singleline: 5,
      multiline: {
        allowFirstLine: true,
        max: 1,
      },
    }],
    'vue/no-v-html': 'off',
    'vue/order-in-components': ['error', {
      'order': [
        'el',
        'name',
        'parent',
        'functional',
        'inheritAttrs',
        ['template', 'render'],
        'renderError',
        ['delimiters', 'comments'],
        'extends',
        'mixins',
        ['components', 'directives', 'filters'],
        'model',
        ['props', 'propsData'],
        'data',
        'computed',
        'methods',
        'watch',
        'LIFECYCLE_HOOKS',
      ],
    }],
  },
  overrides: [
    {
      files: ['*.js'],
      rules: {
        'vue/script-indent': 'off',
      }
    },
    {
      files: ['*.vue'],
      rules: {
        indent: 'off',
      },
    }
  ],
}