.eslintrc

{
  "parser": "vue-eslint-parser",
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:vue/essential",
    "plugin:vue/vue3-essential",
    "plugin:vue/vue3-recommended",
    "prettier"
  ],

  "globals": {
    "route": "readonly",
    "defineOptions": true,
    "defineProps": "readonly",
    "defineEmits": "readonly",
    "defineExpose": "readonly",
    "withDefaults": "readonly"
  },
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "plugins": ["vue"],
  "rules": {
    "indent": "off",

    "linebreak-style": ["error", "unix"],
    "object-curly-spacing": ["error", "always"],
    "quotes": ["error", "single"],
    "semi": ["error", "never"],
    "vue/block-tag-newline": [
      "error",
      {
        "singleline": "never",
        "multiline": "always",
        "maxEmptyLines": 1,
        "blocks": {
          "template": {
            "singleline": "never",
            "multiline": "always",
            "maxEmptyLines": 0
          },
          "script": {
            "singleline": "never",
            "multiline": "always",
            "maxEmptyLines": 0
          }
        }
      }
    ],
    "vue/component-name-in-template-casing": [
      "error",
      "PascalCase",
      {
        "registeredComponentsOnly": false,
        "ignores": []
      }
    ],
    "vue/first-attribute-linebreak": [
      "error",
      {
        "singleline": "ignore",
        "multiline": "below"
      }
    ],
    "vue/html-closing-bracket-newline": [
      "error",
      {
        "singleline": "never",
        "multiline": "always"
      }
    ],
    "vue/html-closing-bracket-spacing": [
      "error",
      {
        "startTag": "never",
        "endTag": "never",
        "selfClosingTag": "never"
      }
    ],

    "vue/multiline-html-element-content-newline": [
      "error",
      {
        "ignoreWhenEmpty": true,
        "ignores": ["pre", "textarea"],
        "allowEmptyLines": false
      }
    ],
    "vue/multi-word-component-names": ["off"],
    "vue/no-multi-spaces": [
      "error",
      {
        "ignoreProperties": false
      }
    ],
    "vue/no-multiple-template-root": ["off"],
    "vue/no-v-for-template-key": ["off"],
    "vue/no-v-model-argument": ["off"],
    "vue/padding-line-between-blocks": ["error", "always"],
    "vue/prefer-import-from-vue": ["off"],
      "vue/require-default-prop": ["off"],
    "vue/valid-v-slot": [
      "error",
      {
        "allowModifiers": true
      }
    ]
  }
}