title: Issue with ESLint in Nuxt
body: <p>I'm learning Nuxt. I've set up a project, with ESLint included. Here's my <code>index.vue</code>:</p>
  <pre><code>&lt;template&gt;
      &lt;h1 class=reddo&gt;Hello, world&lt;/h1&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      head() {
        // Set Meta Tags for this Page
      }
      // ...
    }
  &lt;/script&gt;
  
  &lt;style&gt;
    .reddo {
      color: red;
    }
  &lt;/style&gt;
  </code></pre>
  <p>When I run this I get this:</p>
  <p><a href="https://i.stack.imgur.com/iCVmb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iCVmb.png" alt="enter image description here" /></a></p>
  <p>(It doesn't <em>say</em> this is from ESLint, but I assume it is). The first error complains about the indentation before the <code>&lt;h1&gt;</code>. Do I need to do something to make it understand <code>.vue</code> files so it validates only the <code>&lt;script&gt;</code> part or something?</p>
  <p>Thank you in advance.</p>