Простой автоматический поиск с названием и описанием

#javascript #jquery #easyautocomplete

Вопрос:

Когда я буду искать зеленый цвет в поле поиска, результат будет таким Cauliflower, Capsicum . То же самое, если я наберу морковь, отобразится только морковь. Мне нужна функция поиска как по названию, так и по описанию.

В настоящее время простое автозаполнение выполняет либо заголовок, либо описание, а не и то, и другое. Есть ли какая-либо возможность выполнять эти несколько функций?

 var options = {  data: [   { title: "Carrot", description: "It is orange color veg", type: "ground" },  { title: "beetroot", description: "It is dark red color veg", type: "ground" },  { title: "Cauliflower", description: "It is green color veg", type: "ground" },  { title: "Capsicum ", description: "It is green color veg", type: "ground" }  ],  getValue: "name",  template: {  type: "description",  fields: {  description: "type"  }  } };  $("#template-desc").easyAutocomplete(options); 
 lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"gt;lt;/scriptgt; lt;script src="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/jquery.easy-autocomplete.min.js" integrity="sha512-Z/2pIbAzFuLlc7WIt/xifag7As7GuTqoBbLsVTgut69QynAIOclmweT6o7pkxVoGGfLcmPJKn/lnxyMNKBAKgg==" crossorigin="anonymous" referrerpolicy="no-referrer"gt;lt;/scriptgt; lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/easy-autocomplete.min.css" integrity="sha512-TsNN9S3X3jnaUdLd JpyR5yVSBvW9M6ruKKqJl5XiBpuzzyIMcBavigTAHaH50MJudhv5XIkXMOwBL7TbhXThQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /gt; lt;input id="template-desc" /gt;