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);
  }
}