title: How to disable vue/multi-word-component-names eslint rule for just one .vue file?
body: <p>I am using the <a href="https://eslint.vuejs.org/" rel="noreferrer">Vue ESLint plugin</a> and it has a rule for <a href="https://eslint.vuejs.org/rules/multi-word-component-names.html" rel="noreferrer">not allowing single word component names.</a></p>
  <p>However, I am also using Nuxt, and to <a href="https://nuxtjs.org/docs/directory-structure/layouts#default-layout" rel="noreferrer">set a default Layout</a> in Nuxt you need a .vue component named <code>default.vue</code> which throws the ES Lint rule errors.</p>
  <p>I can't seem to get it to just disable in that one .vue file that is actually pretty small...</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
      &lt;div&gt;
          &lt;Header/&gt;
          &lt;Nuxt/&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>But if I disable the rule in my <code>.eslintrc.js</code> then it works.</p>
  <pre class="lang-js prettyprint-override"><code>module.exports = {
    root: true,
    env: {
      browser: true,
      node: true,
    },
    extends: [
      '@nuxtjs/eslint-config-typescript',
      'plugin:nuxt/recommended',
      'prettier',
    ],
    plugins: [],
    // add your custom rules here
    rules: {
      'vue/multi-word-component-names': 'off',
    },
  }
  
  </code></pre>
  <p>Is there a way to disable the rule for just one Vue file?</p>