Vue 2/3 Eslint rules

[octref]

Currently, if you start a project with Vue 3 and is using multi-root elements:

I'm planning to turn automatic template validation based on eslint off, so this wouldn't mislead users.

In the long term, I hope there could be 2 eslint rulesets, one for Vue 2 and one for Vue 3. Depending on the vue dependency version in package.json, choose which one to load.

@ota-meshi it seems you are doing a lot of work for the eslint-vue plugin. Would you be able to help creating the rulesets, or tell me which rules I should/shouldn't load for Vue 3?

[ota-meshi]

Hi @octref.

eslint-plugin-vue@v7.0.0-alpha.x has started support for Vue.js 3.x.
This version adds three rulesets for Vue.js 3.x.

• "plugin:vue/vue3-essential"
• "plugin:vue/vue3-strongly-recommended"
• "plugin:vue/vue3-recommended"

The following existing rulesets have been changed for use with Vue.js 2.x for compatibility.

• "plugin:vue/essential"
• "plugin:vue/strongly-recommended"
• "plugin:vue/recommended"

Every ruleset contains vue/valid-template-root, but it has been changed to not report on multiple roots.
vuejs/eslint-plugin-vue#1038

Let me know if you have any other help.

[FrankFang]

@ota-meshi How can I make vetur use eslint-plugin-vue@v7.0.0-alpha.x?

[octref]

@ota-meshi Great work. I have made the bundled eslint engine to load different rulesets depending on Vue version.

@FrankFang Detailed steps are in https://vuejs.github.io/vetur/linting-error.html