q42-cms-components/shared/value-sync-mixin.js

Front-end package that provides a UI on top of the QMS back-end

export const ValueSyncMixin = {
  data() {
    return {
      valueCopy: this.value, // used to be able to update prop 'value' in the parent
    }
  },
  watch: {
    value() {
      this.valueCopy = this.value; // create two-way binding
    },
    valueCopy(newValue) {
      this.$emit('input', newValue); // vue syntax: update prop 'value' in the parent
    }
  },
}