Expected behavior

I am using the Vue component MDBSelect in order to display a list of languages and the proficiency of a user for each languages selected.

Proficiency must be selected from a selectpicker in order to be updatable, although the list of proficiency is unique.

It would have been perfect to be able to select the right option in MDBSelect by simply passing it the value to be selected.

Actual behavior

I can't find a way to dynamically intantiate these MDBSelect components and automatically select the right option for each language without duplicating the initial list (to put the 'selected' property in a proficiency object) which just feels wrong. Putting the v-model:selected attribute doesn't select the right option neither. I simply don't know how to do it.

Would you be able to help me out on this one ?

Resources (screenshots, code snippets etc.)

<MDBRow v-for="(l, index) in updatedLanguages" class="mt-3">
        <MDBCol>
          <strong>{{ l.language.name }}</strong>
        </MDBCol>
        <MDBCol>
          <MDBSelect
            :key="`level_${index}`"
            placeholder="Proficiency"
            v-model:options="language_levels"
            v-model:selected="l.language_level.id"
            @load="//Doesn't work"
            v-model="//Doesn't work"
          />
        </MDBCol>
      </MDBRow>