window.Vue = require('vue')

const ColumnEditor = Vue.component('column-editor', require('./components/ColumnEditor.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) {
    return new ColumnEditor({ propsData: data }).$mount(selector)
  },
  RowsEditor: function (selector, data) {
    return new RowsEditor({ propsData: data }).$mount(selector)
  },
  Icon: function (selector, data) {
    return new Icon({ propsData: data }).$mount(selector)
  }
}