Vue: Select input clear button for v-model?

[Key]

This is my code.

<f7-list-input
  outline
  label="Attach an account (optional)"
  floating-label
  type="select"
  v-model:value="account_id"
  clear-button
  @input:clear="removeAcc"
>

Clear button works fine with text input but does not do anything for select. I want v-model value to be an empty string once clear button is clicked.

input:clear event also not responding with select type.

[Key]

It’s been more than a year, and a new Framework7 version came out, but this problem is still there. The clear button covers the select field arrow icon, and the input:clear event doesn’t work for select field.