Sprawdź poprawność Viueleded.

Mam formularz w aplikacji vue. Pakiet vue2-persian-datepicker jest używany w perskim polu daty. Próbuję sprawdzić poprawność pól za pomocą vuelidate i moim problemem jest to, że komponent pdatepicker (pochodzący z pakietu vue2-persian-datepicker) nie uruchamia @blur i {{X5} } wydarzenia.

Próbuję zrobić coś takiego:

Szablon wewnętrzny:

<pdatepicker
   v-model="date" 
   required 
   :error-messages="dateErrors"
></pdatepicker>

Kod skryptu:

import VueTimepicker from 'vue2-timepicker/src/vue-timepicker.vue';

import { required } from 'vuelidate/lib/validators'

export default {
  components: {
     VueTimepicker,
  },

  validations: {
    date: {
      required
    },
  }, 

  data() {
    return {
      date: '',
    }
  },

  computed: {
    dateErrors() {
      const errors = []
      if (!this.$v.date.$dirty) return errors
      !this.$v.date.required && errors.push('date is required.');
      return 
    }
  },

Błąd mówi, że undefined nie ma metody $dirty.