Error in CoreUI PRO VUE

Hello,
I found a bug in CoreUI in VUE (I have a commercial license).


<template>
  <CCard>
    <CCardHeader>
      <CIcon name="cil-input-power" />
      Dodaj dyspozytora
    </CCardHeader>
    <CCardBody>
      <CRow>
        <CCol sm="12">
          <CForm>
            <CRow>
              <CCol md="6">
                <CInput
                  label="Imię"
                  v-model.trim="$v.form.name.$model"
                  :isValid="checkIfValid('name')"
                  placeholder="Imię dyspozytora"
                  invalidFeedback="To pole jest wymagane i musi zawierać minimum 3 znaki i maksimum 255 znaków"
                />
              </CCol>
              <CCol md="6">
                <CInput
                  label="Nazwisko"
                  v-model.trim="$v.form.surname.$model"
                  :isValid="checkIfValid('surname')"
                  placeholder="Nazwisko dyspozytora"
                  invalidFeedback="To pole jest wymagane i musi zawierać minimum 3 znaki i maksimum 255 znaków"
                />
              </CCol>
            </CRow>
 
            <CInput
              label="Telefon"
              v-model.trim="$v.form.phone.$model"
              placeholder="Numer telefonu dyspozytora"
              :isValid="checkIfValid('phone')"
              invalidFeedback="To pole jest wymagane i musi zawierać minimum 3 znaki i maksimum 255 znaków"
            />
 
            <CInput
              label="Adres email"
              v-model.trim="$v.form.email.$model"
              :isValid="checkIfValid('email')"
              placeholder="Adres email dyspozytora"
              invalidFeedback="To pole jest wymagane i musi zawierać minimum 3 znaki i maksimum 255 znaków"
            />
 
            <CRow>
              <CCol md="6">
                <CInput
                  v-model.trim="$v.form.password.$model"
                  label="Hasło (minimum 8 znaków)"
                  type="password"
                  placeholder="Hasło dyspozytora do logowania"
                  invalidFeedback="To pole jest wymagane i musi zawierać minimum 8 znaków. Wymagane znaki to: liczby, duże i małe litery"
                />
              </CCol>
              <CCol md="6">
                <CInput
                  v-model.trim="$v.form.password2.$model"
                  label="Powtórz hasło"
                  type="password"
                  placeholder="Ponownie hasło do logowania"
                  invalidFeedback="Pola hasła muszą być identyczne"
                />
              </CCol>
            </CRow>
 
            <CSelect id="status"
                     label="Status"
                     v-model.trim="$v.form.status.$model"
                     :options="statuses"
            >
            </CSelect>
 
            <CTextarea
              label="Notatka"
              placeholder="Notatka"
              rows="9"
              v-model.trim="$v.form.description.$model"
            />
 
<!--            <CButton-->
<!--              color="primary"-->
<!--              :disabled="$v.form.$invalid"-->
<!--              @click="submit"-->
<!--            >-->
            <CButton
              color="primary"
              @click="submit"
            >
              Zapisz
            </CButton>
            <!--            <CButton-->
            <!--              class="ml-1"-->
            <!--              color="success"-->
            <!--              :disabled="$v.form.$invalid"-->
            <!--              @click="validate"-->
            <!--            >-->
            <!--              Validate-->
            <!--            </CButton>-->
            <!--            <CButton-->
            <!--              class="ml-1"-->
            <!--              color="danger"-->
            <!--              :disabled="!isDirty"-->
            <!--              @click="reset"-->
            <!--            >-->
            <!--              Reset-->
            <!--            </CButton>-->
            <CButton
              class="ml-1"
              color="success"
              @click="goBack"
            >
              Cofnij
            </CButton>
          </CForm>
          <br />
        </CCol>
      </CRow>
    </CCardBody >
  </CCard >
</template >
 
<script>
import axios from 'axios';
import Vue from 'vue';
import CKEditor from 'ckeditor4-vue';
import Swal from "sweetalert2";
import {validationMixin} from "vuelidate"
import {required, minLength, email, sameAs, helpers} from "vuelidate/lib/validators"
 
export default {
  data() {
    return {
      form: {
        name: null,
        surname: null,
        phone: null,
        email: null,
        status: null,
        description: null,
        password: null,
        password2: null,
      },
      statuses: [],
    }
  },
  computed: {
    formString() {
      return JSON.stringify(this.form, null, 4)
    },
    isValid() {
      return !this.$v.form.$invalid
    },
    isDirty() {
      return this.$v.form.$anyDirty
    },
  },
  mixins: [validationMixin],
  validations: {
    form: {
      name: {
        required,
        minLength: minLength(3),
        maxLength: 255
      },
      surname: {
        required,
        minLength: minLength(3),
        maxLength: 255
      },
      phone: {
        required,
        minLength: minLength(3),
        maxLength: 255
      },
      email: {
        required,
        minLength: minLength(3),
        maxLength: 255
      },
      status: {
      },
      description: {
      },
      password: {
        minLength: minLength(8),
        maxLength: 255,
        strongPass: helpers.regex('strongPass', /(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}/)
      },
      password2: {
        maxLength: 255,
        sameAsPassword: sameAs("password")
      }
    }
  },
  methods: {
    goBack() {
      this.$router.replace({ path: '/dispatchers' })
    },
    checkIfValid(fieldName) {
      const field = this.$v.form[fieldName]
      if (!field.$dirty) {
        return null
      }
      return !(field.$invalid || field.$model === '')
    },
    store() {
      let self = this;
      axios.post(this.$apiAdress + '/api/dispatchers?token=' + localStorage.getItem("api_token"),
        {
          name: self.form.name,
          surname: self.form.surname,
          phone: self.form.phone,
          status: self.form.status,
          email: self.form.email,
          description: self.form.description,
          password: self.form.password,
          password2: self.form.password2,
        })
        .then(function (response) {
          if (response.data.status == 'success') {
            Swal.fire(
              'Sukces',
              'Rekord dodany poprawnie!',
              'success'
            ).then(function () {
              self.$router.push('/dispatchers');
            });
          } else {
            Swal.fire(
              'Błąd',
              response,
              'error'
            )
          }
        }).catch(function (error) {
        if (error.response.data.message != '') {
          let errorDetails = ""
          for (let key in error.response.data.errors) {
            errorDetails += `${error.response.data.errors[key]}<br/>`
          }
          Swal.fire(
            'Błąd',
            errorDetails,
            'error'
          )
          window.scrollTo({top: 0});
        } else {
          Swal.fire(
            'Błąd',
            error,
            'error'
          )
          self.$router.push({path: 'login'});
        }
      });
    },
 
    submit() {
      this.validate();
      if(!this.$v.form.$invalid) {
        this.store();
      }
    },
 
    validate() {
      this.$v.$touch()
    },
 
    reset() {
      this.form = this.getEmptyForm()
      this.submitted = false
      this.$v.$reset()
    },
 
    getEmptyForm() {
      return {
        name: null,
        surname: null,
        phone: null,
        email: null,
        description: null,
        password: null,
        password2: null,
        status: null,
      }
    }
  },
  created: function () {
    let self = this;
    axios.get(this.$apiAdress + '/api/dispatchers/create?token=' + localStorage.getItem("api_token"))
      .then(function (response) {
        self.statuses = response.data;
      }).catch(function (error) {
      console.log(error);
      self.$router.push({path: '/login'});
    });
  }
}
</script>

The problem is the select field:

<CSelect id="status"
         label="Status"
         v-model.trim="$v.form.status.$model"
         :options="statuses"
>
</CSelect>

No matter what is selected from the selection list (I tested the record without touching select / after selecting any option in select) an error appears

found in

—>
at src/views/dispatcher/CreateDispatcher.vue


at src/containers/TheContainer.vue
at src/App.vue

In select I have 2 options: :
[{“label”:“aktywny”,“value”:1},{“label”:“nieaktywny”,“value”:2}] get’s from api.

Please let me know how this error can be corrected.
I would like the value in value to be sent to the API.