scinote-web/app/javascript/vue/forms/edit_fields/field_mixin.js

export default {
  props: {
    field: Object
  },
  watch: {
    editField: {
      handler() {
        if (this.validField) {
          this.$emit('syncField', this.editField);
        }
      },
      deep: true
    },
    validField() {
      this.$emit('validChanged');
    }
  },
  computed: {
    validField() {
      return true;
    }
  },
  data() {
    return {
      editField: { ...this.field }
    };
  }
};