// import Vue from 'vue';
// import Vuex from 'vuex';
// import Vuelidate from 'vuelidate';
// import BootstrapVue from 'bootstrap-vue';
// import VueToast from 'vue-toast-notification';
// import VueObserveVisibility from 'vue-observe-visibility';
// import AudioRecorder from 'vue-audio-recorder';

// import Channels from '../widgets/ChannelsNew/index.vue';
// import store from '../widgets/ChannelsNew/store/index';
// Vue.use(Vuex);
// Vue.use(BootstrapVue);
// Vue.use(VueObserveVisibility);

// Vue.use(Vuelidate);
// Vue.use(VueToast);
// Vue.use(AudioRecorder);

// new Vue({
//   el: '#channels',
//   store,
//   components: {
//     Channels,
//   },
// });

// require('../utils/freqtimeupdate');


import {createApp} from 'vue';
import Vuex from 'vuex';
import VueToast from 'vue-toast-notification';
import Vuelidate from '@vuelidate/core';
import VueObserveVisibility from 'vue-observe-visibility';
//import AudioRecorder from 'vue-audio-recorder';
import Channels from '../widgets/ChannelsNew/index.vue';
import store from '../widgets/ChannelsNew/store/index';

const app = createApp({});
app.component('Channels', Channels);
app.use(VueToast);
app.use(Vuelidate);
app.use(VueObserveVisibility);
app.use(Vuex);
app.use(store);

app.mount('#channels');

require('../utils/freqtimeupdate');