How to get the value in such an array?

Question

Vue.js

Good afternoon, we have such an approximate json array

[
  {
    "fieldTypes": {
      "salary": "20000",
      "vacancyName": "Курьер",
      "geo": "РФ",
      "typeOfWork": "офис"
    },
    "commonFields": {
      "min_age": "18"
    }
  },
  {
    "fieldTypes": {
      "salary": "40000",
      "vacancyName": "Сборщик",
      "geo": "РФ",
      "typeOfWork": "офис"
    },
    "commonFields": {
      "min_age": "18"
    }

  }
]

I want to do a little filtering according to the example https://codepen.io/thaekeh/pen/PoGJRKQ
all the same according to the example, but at this moment there is a plug and an error

let tempInfo = this.info.fieldTypes

computed:{
            filteredOffer(){
                let tempInfo = this.info.fieldTypes

                // Process search input
                if (this.searchVacancyName != '' && this.searchVacancyName) {
                    tempInfo = tempInfo.filter((item) => {
                        return item.vacancyName
                            .toUpperCase()
                            .includes(this.searchVacancyName.toUpperCase())
                    })
                }
            }
        }

Thanks

Answer 1

It is necessary to return an array of all containing the search phrase?

computed: {
  filteredOffer() {
    const search = this.searchVacancyName.toUpperCase();
    if (0 === search.length) return this.info;

    return this.info
      .filter((item) => item.fieldTypes.vacancyName.toUpperCase().includes(search));
  }
}