Vuejsで配列のデータをジャンルごとに絞り込みたい

やりたいこと

チェックボックスでジャンルごとに絞り込みたい (OR検索)

現在のコード

html
1<div id="sort">
2  <p>検索： <input type="text" name="query" v-model="word"></p>
3  <div id="genre">
4　　<input type="checkbox">麺類
5　　<input type="checkbox">カレー
6  </div>
7</div>
8
9<div id="table" class="row">
10  <div v-for="item in filteredData" class="card" style="width: 20rem;">
11    <img class="card-img-top" src="noimage.jpg" alt="Card image cap">
12    <div class="card-body">
13      <h4>{{item.name}}</h4>
14      <p>¥ {{item.price}}</p>
15    </div>
16  </div>
17</div>

js
1//src.js
2var columnsData = {
3  colmuns: ['name','price','genre'],
4  items:[
5          {name: "カレー",price:300,genre:"カレー"},
6          {name: "カツカレー",price:450,genre:"カレー"},
7          {name: "醤油ラーメン",price:300,genre:"麺"},
8          {name: "きつねうどん",price:300,genre:"麺"},
9        ],
10  sortOrders : function(){
11      var sortOrder = {};
12      columnsData["colmuns"].forEach(function (key) {
13        sortOrder[key] = 1
14      })
15      return sortOrder;
16  }
17};
18new Vue({
19  el: '#sort',
20  //データの設定
21  data: {
22    colmuns: columnsData.colmuns, //項目
23    items:columnsData.items, //項目のデータ
24    sortKey : "", //ソート対象
25    sortOrders : columnsData.sortOrders(), //ソートの値
26    word: "" //検索テキスト
27  },
28  computed: { //dataの値が変更されるとfilteredDataが動作する
29    filteredData: function(){
30      var data = this.items;
31      var sortKey = this.sortKey;
32      var wordKey = this.word && this.word.toLowerCase();
33      var order = this.sortOrders[sortKey] || 1;
34      //検索テキストがある場合
35      if (wordKey) {
36        data = data.filter(function (row) {
37          return Object.keys(row).some(function (key) {
38            return String(row[key]).toLowerCase().indexOf(wordKey) > -1
39          })
40        })
41      }
42      //ソートが選択されている場合
43      if (sortKey) {
44        data = data.slice().sort(function (a, b) {
45          a = a[sortKey]
46          b = b[sortKey]
47          return (a === b ? 0 : a > b ? 1 : -1) * order
48        })
49      }
50      return data;
51    }
52  },
53  methods: {
54    //ソート対象、ソートの値を変更する
55    sortBy: function (key) {
56      this.sortKey = key;
57      this.sortOrders[key] = this.sortOrders[key] * -1;
58    }
59  }
60});
61