Как привязать функцию поиска к v-select?

Question

Я хочу добавить функцию поиска в v-select, и я попытался просмотреть образец в Интернете и применил свой код, но он не работает.

My code here:

  {{$ translate ('search_kol_shop_name')}}  

Код моих скриптов:

export default {
   data(){
      return {
        product:'',
        isShow1: false,
        isShow2: false,
        shop_name:'',
        merchant_list: [],
        updateQuery: [],
        multiple: false,
        searchTerm: ""
      }
    },
    props:[
       'props'
    ],
    computed:{
    r(){
       return this.props
    },
  },
   methods:{
    customFilter(item, queryText, itemText) {
      const textOne = item.yippi_inbox.toString().toLowerCase()
      const textTwo = item.abbr.toString().toLowerCase()
      const searchText = queryText.toString().toLowerCase()
      return textOne.indexOf(searchText) > -1 || textTwo.indexOf(searchText) > -1
      //console.log("Done : ", textOne.toString().toLowerCase());
    },
    startMethod(event){
      this.updateQuery = event
      this.saveEndorsement();
    },
    getMerchantList(){
        var self = this;
        axios.get("/api/merchant/promote/getPromoteMerchant")
        .then(response => {
           this.merchant_list = response.data
        })
      },
    }

Я получил следующую ошибку:

My expected Result will be like this :

введите описание изображения здесь

Может ли вместо v-autocomplete применяться любая другая функция поиска в среде v-select? Если кто-то из вас мог бы помочь, буду признателен.