text: /**
   * First we will load all of this project's JavaScript dependencies which
   * includes Vue and other libraries. It is a great starting point when
   * building robust, powerful web applications using Vue and Laravel.
   */
  
  require('./bootstrap');
  
  window.Vue = require('vue');
  
  // new vue instance for event
  window.Fire = new Vue();
  
  // pagination
  Vue.component('pagination', require('laravel-vue-pagination'));
  
  // sweet alert
  import Swal from 'sweetalert2'
  window.Swal = Swal;
  // toaster 
  window.Toast = Swal.mixin({
      toast: true,
      position: 'top-end',
      showConfirmButton: false,
      timer: 3000,
      timerProgressBar: true,
      onOpen: (toast) => {
        toast.addEventListener('mouseenter', Swal.stopTimer)
        toast.addEventListener('mouseleave', Swal.resumeTimer)
      }
    })
  
  // vform 
  import { Form, HasError, AlertError } from 'vform'
  window.Form = Form;
  Vue.component(HasError.name, HasError)
  Vue.component(AlertError.name, AlertError)
  
  // progress bar
  import VueProgressBar from 'vue-progressbar'
  const options = {
      color: '#bffaf3',
      failedColor: '#874b4b',
      thickness: '5px',
      transition: {
        speed: '0.2s',
        opacity: '0.6s',
        termination: 300
      },
      autoRevert: true,
      // location: 'left',
      inverse: false
    }
  Vue.use(VueProgressBar, options)
  
  // import route
  import router from './router';
  /**
   * The following block of code may be used to automatically register your
   * Vue components. It will recursively scan this directory for the Vue
   * components and automatically register them with their "basename".
   *
   * Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
   */
  
  // const files = require.context('./', true, /\.vue$/i);
  // files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default));
  
  Vue.component('example-component', require('./components/ExampleComponent.vue').default);
  Vue.component('home-component', require('./components/HomeComponent.vue').default);
  
  /**
   * Next, we will create a fresh Vue application instance and attach it to
   * the page. Then, you may begin adding components to this application
   * or customize the JavaScript scaffolding to fit your unique needs.
   */
  
  const app = new Vue({
      el: '#app',
      router
  });
  