This is a vue mixin that is used to reduce boilerplate.

vModelBinding.js

/* 
  This mixin is used to reduce boilerplate
  Vue v-model is actual shortcut for v-bind="value" and v-on:input
  Add this mixin in your component and add <v-model='model'> on your input component 
*/

export default {
  props: {
    value: [String, Object, Boolean, Array, Number],
  },
  methods: {
    emit(val, type = 'change') {
      this.$emit(type, val)
    },
  },
  computed: {
    model: {
      get() {
        return this.value
      },
      set(value) {
        this.$emit('input', value)
      },
    },
  },
}