My Personal ESLint setting on Vue and Nuxt projects.

.eslintrc.js

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true
  },
  parserOptions: {
    parser: 'babel-eslint',
    ecmaVersion: 2020
  },
  extends: [
    '@nuxtjs',
    'plugin:nuxt/recommended',
    'eslint:recommended',
    'plugin:vue/recommended'
  ],
  plugins: [
  ],
  // add your custom rules here
  rules: {
    'array-bracket-spacing': ['error', 'never'],
    'arrow-body-style': ['error', 'as-needed'],
    'arrow-spacing': 'error',
    'block-spacing': 'error',
    'comma-dangle': ['error', 'never'],
    curly: 'error',
    eqeqeq: 0,
    'dot-notation': 'error',
    'func-call-spacing': ['error', 'never'],
    'implicit-arrow-linebreak': ['error', 'beside'],
    indent: ['error', 2],
    'key-spacing': ['error', { beforeColon: false, afterColon: true }],
    'keyword-spacing': ['error', { before: true, after: true }],
    'linebreak-style': ['error', 'unix'],
    'max-depth': ['error', 4],
    'max-len': ['error', { code: 300, ignoreComments: true }],
    'max-lines-per-function': ['error', { max: 100 }],
    'max-params': ['error', 4],
    'multiline-comment-style': ['error', 'separate-lines'],
    'no-alert': 'error',
    'no-console': 0,
    'no-else-return': 'error',
    'no-lonely-if': 'error',
    'no-multi-spaces': 'error',
    'no-trailing-spaces': ['error', { ignoreComments: true }],
    'no-unused-vars': 'warn',
    'no-use-before-define': 'error',
    'no-useless-concat': 'error',
    'no-var': 'error',
    'prefer-const': 'error',
    'prefer-template': 'error',
    quotes: ['error', 'single'],
    semi: ['error', 'never'],
    'space-before-blocks': 'error',
    'space-before-function-paren': ['error', 'always'],
    'spaced-comment': ['error', 'always'],
    'template-curly-spacing': 'error',
    'vue/component-tags-order': ['error',
      { order: ['template', 'script', 'style'] }
    ],

    'vue/max-len': ['error',
      {
        code: 200,
        template: 300,
        tabWidth: 2,
        comments: 80,
        ignorePattern: '',
        ignoreComments: true,
        ignoreTrailingComments: false,
        ignoreUrls: true,
        ignoreStrings: true,
        ignoreTemplateLiterals: true,
        ignoreRegExpLiterals: false,
        ignoreHTMLAttributeValues: false,
        ignoreHTMLTextContents: true
      }
    ],
    'vue/no-irregular-whitespace': ['error',
      {
        skipStrings: true,
        skipComments: false,
        skipRegExps: false,
        skipTemplates: false,
        skipHTMLAttributeValues: false,
        skipHTMLTextContents: false
      }
    ],
    'vue/component-name-in-template-casing': ['error', 'PascalCase', {
      registeredComponentsOnly: false,
      ignores: []
    }],
    'vue/attributes-order': 'error',
    'vue/html-closing-bracket-newline': ['error', { singleline: 'never', multiline: 'never' }],
    'vue/html-closing-bracket-spacing': ['error', { startTag: 'never', endTag: 'never', selfClosingTag: 'never' }],
    'vue/html-end-tags': 'error',
    'vue/html-indent': ['error', 2, { attribute: 1, closeBracket: 0, alignAttributesVertically: true }],
    'vue/keyword-spacing': 'error',
    'vue/max-attributes-per-line': [1, { singleline: 6, multiline: { max: 1, allowFirstLine: false } }],
    'vue/no-deprecated-slot-attribute': 'error',
    'vue/no-deprecated-slot-scope-attribute': 'error',
    'vue/no-use-v-if-with-v-for': ['error', { allowUsingIterationVar: false }],
    'vue/no-v-html': 0,
    'vue/order-in-components': 'error',
    'vue/script-setup-uses-vars': 0,
    'vue/require-default-prop': 'error',
    'vue/require-v-for-key': 'error',
    'vue/v-on-function-call': 'error'
  }
}