Virtual List - searching for multiple nonconsecutive words

Questions
1

I am looking for a way to search through a Virtual List using multiple words that are not necessarily in the order I typed them. I.e. if one of my items is a ‘drill, jobber 17/32 A012’ and in the search bar I type ‘drill 17’ I would like this item to appear. I can’t seem to wrap my head around how I could do this. Has anyone managed to achieve this behavior?

2

You can implement the search function of searchbar by yourself.

<f7-list class="records-list searchbar-found" virtual-list media-list accordion-list
  :virtual-list-params="{ items: items, searchAll: searchAll, renderExternal: renderExternal }"
>

<script>
  export default {
    methods: {
      searchAll: function (query, items) {
        var found = [];
        for (var i = 0; i < items.length; i += 1) {
          if (items[i].name.indexOf(query) >= 0 || query.trim() === '') found.push(i); // try other search condition in there
        }
        return found; // return array with mathced indexes
      },
    }
  }
</script>