Vue: Select input clear button for v-model?

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.