title: Vue.js - 'v-bind' directives require an attribute value (vue/valid-v-bind)
body: <p>I'm currently attempting to bind classes to an element in the following way:</p>
  
  <pre><code>v-bind:class="{
      `bg-${activeTheme.name}-500 text-white`: styleFilter.active,
      `bg-${activeTheme.name}-400 text-black`: !styleFilter.active,
  }"
  </code></pre>
  
  <p>However, I am receiving the following errors:</p>
  
  <p><code>Parsing error: Line 2: Unexpected token</code> and <code>'v-bind' directives require an attribute value (vue/valid-v-bind)</code>.</p>
  
  <p>What have I done wrong here?</p>