Configure eslint for Vue 3 app

After Creating your Vue 3 project, you might want to directly configure ES Lint.

First you'll need to install the following dependencies.

Using Yarn :

$ yarn add -D eslint eslint-plugin-vue@next

Using NPM :

$ npm install --save-dev eslint eslint-plugin-vue@next

After that, create a .eslintrc config file at the root of your project with the following content.

{
  "extends": [
    "eslint:recommended",
    "plugin:vue/vue3-recommended"
  ],
  "rules": {
    "vue/html-self-closing": "off"
  },
  "env": {
    "node": true
  }
}

That's it. You might have to relaunch your code editor.