title: error 'TheNavBar' is defined but never used no-unused-vars
body: <p>I'm pretty new to Nuxt as I'm a server side guy, but I'm trying to make a component for my Navbar and its claiming I'm not using it anywhere. I am see I'm clearly using it in my layout.</p>
  
  <p>Is this just ESLint complaining for no reason or is it a nuxt related issue like not picking up the component usage correctly?</p>
  
  <p>I've also tried renaming the component to Navbar like the components file name, no luck results in the same issue.</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;TheNavBar /&gt;
      &lt;nuxt /&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import TheNavBar from '@/components/Navbar';
  export default {};
  &lt;/script&gt;
  
  &lt;style&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>Navbar.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;nav class="navbar" role="navigation" aria-label="main navigation"&gt;
        &lt;div class="container"&gt;
          &lt;div class="navbar-brand"&gt;
            &lt;a class="navbar-item" href="https://bulma.io"&gt;
              &lt;img
                src="https://bulma.io/images/bulma-logo.png"
                width="112"
                height="28"
              /&gt;
            &lt;/a&gt;
  
            &lt;a
              role="button"
              class="navbar-burger burger"
              aria-label="menu"
              aria-expanded="false"
              data-target="navbarBasicExample"
            &gt;
              &lt;span aria-hidden="true"&gt;&lt;/span&gt;
              &lt;span aria-hidden="true"&gt;&lt;/span&gt;
              &lt;span aria-hidden="true"&gt;&lt;/span&gt;
            &lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/nav&gt;
  &lt;/template&gt;
  
  &lt;style&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>The error when running <code>npm run dev</code> was this</p>
  
  <pre><code> ERROR  Failed to compile with 1 errors                                                                                     friendly-errors 22:59:49
  
  
   ERROR  in ./layouts/inside.vue                                                                                             friendly-errors 22:59:49
  
  Module Error (from ./node_modules/eslint-loader/dist/cjs.js):                                                               friendly-errors 22:59:49
  
  /home/ash/code/cascade-pwa/cascade-pwa/layouts/inside.vue
    9:8  error  'TheNavBar' is defined but never used  no-unused-vars
  
  ✖ 1 problem (1 error, 0 warnings)
  
                                                                                                                              friendly-errors 22:59:49
   @ ./.nuxt/App.js 13:0-46 16:13-22
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&amp;timeout=30000&amp;ansiColors=&amp;overlayStyles=&amp;name=client&amp;path=/__webpack_hmr/client ./.nuxt/client.js
                                                                                                                              friendly-errors 22:59:49
  </code></pre>