​

const asyncAutocomplete = document.querySelector('#async');

const asyncFilter = async (query) => {

//   if(query == ""){

//       return [];

//     }

  const url = `https://swapi.py4e.com/api/people/?search=${encodeURI(query)}`;

  const response = await fetch(url);

  const data = await response.json();

  return data.results;

};

​

new mdb.Autocomplete(asyncAutocomplete, {

  filter: asyncFilter,

  displayValue: (value) => value.name,

  noResults: "No result"

});

​

 asyncAutocomplete.addEventListener('itemSelect.mdb.autocomplete', (e) => {

    //select value

  })