title: How to debounce v-autocomplete filter function in Vuetify?
body: <p>I have a v-autocomplete with 9000 items.</p>
  
  <p>The component code looks like below:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;v-autocomplete
    v-model="form.fields.city_id"
    :items="cities_subregions"
    item-text="name"
    item-value="id"
    :filter="locationsFilter"
  &gt;&lt;/v-autocomplete&gt;
  </code></pre>
  
  <p>In the locationsFilter function I have the below:</p>
  
  <pre class="lang-js prettyprint-override"><code>locationsFilter (item, queryText, itemText) {
      const textOne = item.city_name.normalize('NFD').replace(/[\u0300-\u036f]/g, "").toLowerCase();
      const searchText = queryText.normalize('NFD').replace(/[\u0300-\u036f]/g, "").toLowerCase();
      return textOne.startsWith(searchText) || searchText.length &gt; 2  &amp;&amp; textOne.indexOf(searchText) &gt; -1 &amp;&amp; textOne.length/(3*textOne.split(' ').length) &lt; searchText.length;
  },
  </code></pre>
  
  <p>Even if a set a <code>return null</code> to that function, when the user types it will be laggy.</p>
  
  <p>Therefore, I would like the filter <code>locationsFilter</code> to be called once each ~250ms.</p>
  
  <p>Is there a way to achieve this? </p>