title: Eslinter does not work on files with .vue extension
body: <p>I recently installed eslint on my Vuejs application.</p>
  <p><strong>Installed packages:</strong></p>
  <pre><code>eslint
  eslint-plugin-vue
  </code></pre>
  <p><strong>My .eslintrc.json config</strong></p>
  <pre><code>{
    &quot;env&quot;: {
      &quot;browser&quot;: true,
      &quot;node&quot;: true,
      &quot;es2021&quot;: true
    },
    &quot;plugins&quot;: [&quot;vue&quot;],
    &quot;extends&quot;: [&quot;eslint:recommended&quot;, &quot;plugin:vue/recommended&quot;],
    &quot;parserOptions&quot;: {
      &quot;ecmaVersion&quot;: 6,
      &quot;sourceType&quot;: &quot;module&quot;
    },
    &quot;rules&quot;: {
     &quot;no-console&quot;: &quot;off&quot;,
     &quot;no-var&quot;: 2,  
     &quot;indent&quot;: [&quot;warn&quot;, 2],
     &quot;linebreak-style&quot;: [&quot;error&quot;, &quot;unix&quot;],
     &quot;quotes&quot;: [&quot;error&quot;, &quot;double&quot;],
     &quot;semi&quot;: [&quot;error&quot;, &quot;always&quot;]
    }
  }
  </code></pre>
  <p>When I try to define a variable with <strong>var</strong> in my <strong>main.js</strong> file, the linter works perfectly and shows up the problem at the same time.</p>
  <p><a href="https://i.stack.imgur.com/vZvVC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vZvVC.png" alt="enter image description here" /></a></p>
  <p>but when I try to do the same in a <strong>.vue</strong> file it doesn't say anything.</p>
  <p><a href="https://i.stack.imgur.com/tiwlv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tiwlv.png" alt="enter image description here" /></a></p>
  <p>Well ... at that moment I thought that Eslinter was not applying it to .vue files but here comes a little more strange ...</p>
  <p>In that same .vue file where the var rule does not work there is another problem that eslint is pointing to ... that means that eslinter is working.</p>
  <p><a href="https://i.stack.imgur.com/7udJM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7udJM.png" alt="enter image description here" /></a></p>
  <blockquote>
  <p>Does anyone know why this is happening? I wanted to apply the rules for the .vue extension but I still couldn't get it to work.</p>
  </blockquote>