require('./bootstrap');

window.Vue = require('vue');

Vue.component('data-table', require('./components/DataTable.vue'));

const app = new Vue({
    el: '#app',
    data() {
        return {
            columns: [
                {data: 'id'},
                {data: 'name'},
                {data: 'email'},
                {data: 'created_at'},
                {
                    data: 'action',
                    orderable: false,
                    searchable: false,
                    createdCell(cell, cellData, rowData) {
                        let DeleteButton = Vue.extend(require('./components/DeleteButton'));
                        let instance = new DeleteButton({
                            propsData: rowData
                        });
                        instance.$mount();
                        $(cell).empty().append(instance.$el);
                    }
                },

            ]
        }
    }
});