VueJS условная сортировка данных в таблицу

var app = new Vue({
  el: '#app',
  data: {
    dateCard : {
      results : [
        {client_listing : 0, price: 23},
        {client_listing : 1, price: 32},
        {client_listing : 0, price: 51},
        {client_listing : 0, price: 62},
        {client_listing : 1, price: 73}
      ]
    }
  },
  computed: { 
    sortListings(){
      let listingOne = this.dateCard.results.filter(result=>result.client_listing === 0)
      let listingTwo = this.dateCard.results.filter(result=>result.client_listing === 1)
      let maxLength = listingOne.length > listingTwo.length ? listingOne : listingTwo
      return { listingOne, listingTwo, maxLength   }
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<div class="date-card-body">
  <table class="table table-bordered b-t">
    <thead>
      <tr>
        <th>Others</th>
        <th>My</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="(result, index) in sortListings.maxLength">
        <td v-if="sortListings.listingOne[index]" style="width: 50%" >{{sortListings.listingOne[index].price}}</td>
        <td v-if="sortListings.listingTwo[index]" style="width: 50%" >{{sortListings.listingTwo[index].price}}</td>
      </tr>
    </tbody>
  </table>
</div>
</div>