v-select (vuetify) не может показать выбранный элемент

Question

Я использую Vuetify в моем проекте. Когда я вставляю некоторые данные с помощью v-select, все работает нормально. Также, когда я редактирую эти данные, это также работает. Единственная проблема заключается в том, что я не вижу выбранный элемент, когда нажимаю кнопку "Изменить".

Вот мой код

        <v-select
          prepend-icon="star_rate"
          :items="ratings"
          v-model="customer.rating"
          label="Rating"
          item-text="text"
          item-value="customer.rating"
          single-line
        ></v-select> 

Примечание: если я использую {{customer.rating}}, он выдаст такой результат

{ "id": 1, "text": "Bad" } 

и если я выберу другой элемент, он будет полностью изменен в базе данных. Так что все в порядке. Единственное требование - я хочу показать это значение Bad как выделенный элемент, когда я нажимаю на Edit.

Вот полный код файла моего проекта https://github.com/Shakilzaman87/pukucrm/blob/master/src/components/customers/EditCustomer.vue

заранее спасибо