// import Vue from 'vue';
// import Vuex from 'vuex';
// import Vuelidate from 'vuelidate';
// import BootstrapVue from 'bootstrap-vue';
// import VueToast from 'vue-toast-notification';
// import CKEditor from '@ckeditor/ckeditor5-vue2';

// import Workflow from '../widgets/Workflows/index.vue';
// import store from '../widgets/Workflows/store/index';
// Vue.use(Vuex);
// Vue.use(BootstrapVue);
// Vue.use(CKEditor);

// Vue.use(Vuelidate);
// Vue.use(VueToast);
// new Vue({
//   el: '#workflow',
//   store,
//   components: {
//     Workflow,
//   },
// });


import {createApp} from 'vue';
import Vuex from 'vuex';
import Vuelidate from '@vuelidate/core';
import VueToast from 'vue-toast-notification';
import CKEditor from '@ckeditor/ckeditor5-vue';

import Workflow from '../widgets/Workflows/index.vue';
import store from '../widgets/Workflows/store/index';
import VueFinalModal from 'vue-final-modal';



const app = createApp({});
app.component('Workflow', Workflow);
app.use(Vuelidate);
app.use(VueToast);
app.use(Vuex);
app.use(CKEditor);
//app.use(VueFinalModal); // Notice the use of VueFinalModal as a function
app.use(store);

app.mount('#workflow');