window.Vue = require('vue')

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

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

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