VaSelect with autocomplete not working correctly

[rbaezam]

Vuestic-ui version: 1.10.3

Description

I'm using the VaSelect with the autocomplete attribute to allow the users to write part of the string to be able to select an element from the drop down.

• What is current behaviour
  It works fine when the model is null, but if the model has a valid value, it shows the id and if I click in the dropdown arrow, it shows the text for noOptions. If the user deletes the text, then the options are displayed correctly.
  If I remove the autocomplete attribute, it works fine for both cases (null model and valid model).

• What is expected behaviour
  When the VaSelect v-model attribute has a value different than null, it should show the selected value and if the user clicks on the dropdown arrow, it should display all the available options.

Reproduction

My code looks like this:

<VaSelect
          v-model="newDocumento.tipoDocumentoId"
          label="Tipo de documento *"
          class="w-full sm:w-4/6"
          autocomplete
          :options="tiposDocumentos"
          :rules="[validators.required]"
          name="tipoDocumentoId"
          placeholder="Selecciona un tipo de documento"
          text-by="nombre"
          value-by="id"
          no-options-text="No hay tipos de documento"
        />

Id instead of nombre (name) in the dropdown input:

No options when clicking on dropdown button:

Deleting the text from the input and clicking the dropdown button again, now it shows the options: