title: Vue 3 The template root requires exactly one element. eslint-plugin-vue
body: <p>After scaffolding a Vue 3 project I noticed an error in my App.vue.</p>
  <pre><code>A functional component that renders the matched component for the given path. Components rendered in can also contain its own , which will render components for nested paths.
  
  API Reference
  
  [vue/no-multiple-template-root]
  The template root requires exactly one element.eslint-plugin-vue
  </code></pre>
  <p>I tried putting</p>
  <pre><code>&quot;vue/no-multiple-template-root&quot;: 0
  </code></pre>
  <p>in my .eslintrc.js</p>
  <p>But the error remains. How can I get rid of the error? Since in Vue 3 you don't have to have exactly one element in a template.</p>
  <pre><code>module.exports = {
      root: true,
      env: {
          node: true
      },
      extends: [
          &quot;plugin:vue/vue3-essential&quot;,
          &quot;eslint:recommended&quot;,
          &quot;@vue/typescript/recommended&quot;,
          &quot;@vue/prettier&quot;,
          &quot;@vue/prettier/@typescript-eslint&quot;
      ],
      parserOptions: {
          ecmaVersion: 2020
      },
      rules: {
          &quot;no-console&quot;: process.env.NODE_ENV === &quot;production&quot; ? &quot;warn&quot; : &quot;off&quot;,
          &quot;no-debugger&quot;: process.env.NODE_ENV === &quot;production&quot; ? &quot;warn&quot; : &quot;off&quot;,
          &quot;vue/no-multiple-template-root&quot;: 0
      }
  };
  </code></pre>