I am using vuelidate in my form to validate my input field. But at the same time, I am getting the user object as a prop and I want to show the first name of the object as a value of input field. Here is the code that I try but since I trim the value of the input field, I think I am not able to use v-model to show my value anymore.

<input type="text" id="first_name" class="form-control" v-model="user.attributes.first_name"
                   @keyup.enter="updateProfile" v-model.trim="$v.first_name.$model"
                   :class="{'is-invalid':$v.first_name.$error, 'is-valid':!$v.first_name.$invalid}">