title: Unexpected usage of 'this' es-lint error, what rule to disable?
body: <p>I am using Nuxt configured with el-lint and prettier but all of a sudden its throwing up an error when I use a 'this' within my template.</p>
  
  <pre><code> 6:15  error  Unexpected usage of 'this'  vue/this-in-template
   7:15  error  Unexpected usage of 'this'  vue/this-in-template
   11:15  error  Unexpected usage of 'this'  vue/this-in-template
   12:15  error  Unexpected usage of 'this'  vue/this-in-template
  </code></pre>
  
  <p>I am trying to rewrite my .eslintrc.js file but I cannot find the rule that will allow me to bypass this es-lint error.</p>
  
  <p>I know the code is working because I can see the result in the background pass the overlay.</p>
  
  <pre><code>&lt;template&gt;
   &lt;div class="slugWrapper"&gt;
      &lt;h1&gt;this is {{ $route.params.slug }}&lt;/h1&gt;
       &lt;div class="card"&gt;
        &lt;video 
         v-if="this.cards[0].type == 'Video'" 
         :src="this.cards[0].imageurl" 
         class="card__video" 
        @click="playPause" /&gt;
       &lt;img 
         v-if="this.cards[0].type=='Image'|| 'image/jpeg'" 
        :src="this.cards[0].imageurl" 
        class="card__image" 
        alt="Image"&gt;
     &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I need a rule or a way to ignore es lint in this area</p>