window.Vue = require('vue')

const ColumnEditorCtor = Vue.component('column-editor', require('./components/ColumnEditor.vue'))
const RowsEditorCtor = Vue.component('rows-editor', require('./components/RowsEditor.vue'))
const IconCtor = Vue.component('v-icon', require('./components/Icon.vue'))

// const app = new Vue({
//   el: '#app'
// });

window.app = {
  ColumnEditor: function (selector, data) {
    new ColumnEditorCtor({
      propsData: data
    }).$mount(selector)
  },
  RowsEditor: function (selector, data) {
    new RowsEditorCtor({
      propsData: data
    }).$mount(selector)
  },
  Icon: function (selector, data) {
    new IconCtor({
      propsData: data
    }).$mount(selector)
  }
}