Vue 3 The template root requires exactly one element.eslint-plugin-vue
I ended up turning off Vetur linting. Vetur thinks that it is a Vue 2 project becuase it is in a VS Code workspace.
https://github.com/vuejs/vetur/issues/2299#issuecomment-696015374
You can solve this by doing
F1>Preferences:Open Settings (JSON)paste
"vetur.validation.template": false,"vetur.validation.script": false,"vetur.validation.style": false,
Here worked with this:
in .eslintrc.js
instead of:
rules: { "vue/no-multiple-template-root": 0 }try:
rules: {"vue/no-multiple-template-root": "off" }
If you are working on a monorepo and thus the package.json is not at the workspace root, then Vetur by default won't able to find package.json, thus it couldn't figure out the vue version.
In that case, we need to tell Vetur the package.json location
https://vuejs.github.io/vetur/guide/setup.html#advanced
