title: babel.config.js babel eslint turn off / disable a rule
body: <p>I would like to deactivate a babel eslint rule <code>no-unused-vars</code>.</p>
  
  <p>if using to eslint (not babel-eslint) I would add the following</p>
  
  <p><code>.eslintrc.js</code></p>
  
  <pre><code> rules: {
      'no-unused-vars': 'off'
    }
  </code></pre>
  
  <p>So I tried adding the same code to </p>
  
  <p><code>babel.config.js</code></p>
  
  <pre><code>module.exports = {
    presets: [
      '@vue/cli-plugin-babel/preset'
   ],
    rules: {
     'no-unused-vars': 'off'
   }
  }
  </code></pre>
  
  <p>but this generates an error </p>
  
  <pre><code> ERROR  ReferenceError: Unknown option: .rules. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.
  </code></pre>
  
  <p>I can find no mention of <a href="https://babeljs.io/docs/en/babel-core/#options" rel="nofollow noreferrer">rules</a> in the docs. I tried <code>exclude</code> but that did not work in disabling the rule.</p>