What's wrong with v-bind?

Question

Vue.js

<div @click="handleClick" :class="class" class="button-wrapper">

computed: {
  class() {
    return {
      "button-red": this.color === "red",
      "button-gray": this.color === "gray"
    };
  }
}

Swears at :class="class":

[vue/valid-v-bind]
'v-bind' directives require an attribute value.

[vue/no-parsing-error]
Parsing error: Unexpected end of expression.

Answer 1

Rename the computed property, say to 'classes'