vue3-select2-component, filter by first character

Question

I need the filtering option ("Sortizer" in settings works fine) but I can't get the modelValue from the "Input" where I put any symbols. How do I get the first symbol I entered? Only works for event @select, but it is not suitable for this task

<Select2
  value="modelValue"
  @input="(e) => modelValue = e.target.value"
  :settings="select2Settings"
/>
select2Settings: {
  sorter: function (results) {
    return results.filter((item) => item.text.startsWith(modelValue))
  }
}

I also tried using event @change but it didn't work at all In this demo

Answer 1

everything is normal!

select2Settings: {
    matcher: function (params, data) {
      if (!params.term)
        return data;
      if (data.text.toLowerCase().startsWith(params.term.toLowerCase()))
        return data;
      else
        return null;
    },
}