I am getting a list of `books` via a `vuex` query, I'd like to determine the status of that book and display the appropriate color. Below I'm using a method to return the color name and binding that to the `v-icon`, but it isn't working and applies no color at all. Should I not be using a method?

```
<v-list>
  <v-list-item v-for="book in books" :key="book.id" link two line>
    <v-list-item-icon>
      <v-icon :color="status(book)">mdi-circle</v-icon>
    </v-list-item-icon>
  </v-list-item>
</v-list>

```

Here is the method:

```
methods: {
    status(value) {
      this.books.forEach(book => {
        if (value.id == book.id) {
          let bd = new Date(book.date_begin);
          let ed = new Date(book.date_end);
          let now = new Date();
          if (now >= bd && now < ed) {
            return "green";
          } else if (now < bd) {
            return "yellow";
          } else if (now > ed) {
            return "grey";
          } else {
            return "black";
          }
        }
      });
    }
  },

```