Vue.component('tag-editor', {
	template: `<div class="tag-editor">
               <tag-input v-model="editableValue"></tag-input>
               <tag-list v-model="editableValue"></tag-list>
             </div>`,
  props: ['value'],
  computed: {
    editableValue: {
      get () {
        return this.value || []
      },

      set (val) {
        this.$emit('input', val.slice())
      }
    }
  }
})