ApostropheFieldMixin-sample-1.js

module.exports = {
  props: {
    value: Object,
    field: Object,
    context: Object
  },
  data() {
    return {
      next: (this.value.data !== undefined) ? this.value.data : (this.field.def || ''),
      error: false
    };
  },
  mounted() {
    this.validateAndEmit();
  },
  computed: {
    options() {
      return window.apos.schemas;
    }
  },
  watch: {
    value: {
      deep: true,
      handler(value) {
        this.watchValue();
      }
    },
    next(value) {
      this.watchNext();
    }
  },
  methods: {
    validateAndEmit() {
      this.$emit('input', {
        data: this.next,
        error: this.validate(this.next)
      });
    },
    watchValue() {
      this.error = this.value.error;
      this.next = this.value.data;
    },
    watchNext() {
      this.validateAndEmit();
    }
  }
};