vue3.js

// Requires vue eslint plugin:
// vue add @vue/cli-plugin-eslint
// or
// yarn add -D eslint eslint-plugin-vue
const config = require('./index.js');
const {vue} = require('./rulesets.js');
const {vue3Globals} = require('./globals.js');

// Remove deprecated rule and replace with new one
const {'vue/v-on-function-call': onFnCall, ...vue2} = vue;
const vue3 = {
  'vue/v-on-handler-style': 'off',
  'vue/multi-word-component-names': 'off',
  'vue/no-multiple-template-root': 'off',
  'vue/no-v-html': 'off',
  'vue/no-v-text-v-html-on-component': 'off',
  'vue/require-default-prop': 'warn',
  'vue/no-mutating-props': ['warn', {shallowOnly: true}],
};

Object.assign(config.rules, vue2, vue3);

module.exports = Object.assign(config, {
  extends: [
    'plugin:vue/vue3-essential',
  ],
  plugins: [
    'vue',
  ],
  overrides: [
    {
      files: '**/*.{vue,js,mjs,ts}',
      globals: vue3Globals,
    },
  ],
  env: {
    node: true,
    es6: true,
  },
});