Passing options with selected attribute true is not making the select to have pre-selected options about vue-select2 HOT 3 CLOSED

<Select2 @select="selectEvent($event, selectedValues.catToolsOptions)"
         v-model="catTools"
         :settings="{ multiple: true }"
         :disabled='showReviewTab' />

data: function () {
  return {
    catTools: []
  }
}

loadCatToolsOptions () {
  let url = '/api/translators/cat_tools.json'

  this.axios.get(url).then(response => {
    # this is an action in vuex, to loop through all available options and mark the ones selected based on options from other component
    this.setCatToolsOptions(response.data)
    # assigning the data from store to this component model
    this.catTools = this.catToolsOptions
  })
},

[{"id":1,"text":"TRADOS","selected":true},{"id":2,text":"ACROSS","selected":true},{"id":3,"text":"WORDFAST","selected":false},{"id":4,"text":"MemoQ","selected":false},{"id":5,"text":"Transit","selected":false},{"id":6,"text":"InDesign","selected":true},{"id":7,"text":"Omega","selected":false},{"id":8,"text":"SDLX","selected":false},{"id":9,"text":"Memsource","selected":false}]