// The Vue build version to load with the `import` command
  // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
  import Vue from 'vue';
  import App from './App';
  import Vuetify from 'vuetify';
  import router from './router';

  import 'font-awesome/css/font-awesome.css';

  import './theme/default.styl';

  import VeeValidate from 'vee-validate';
  import colors from 'vuetify/es5/util/colors';
  import Truncate from 'lodash.truncate';

  import store from '@/store/store'
  import FullCalendar from 'vue-full-calendar';

  import JsonCSV from 'vue-json-csv'

  import VueHtml2Canvas from 'vue-html2canvas';
  import 'babel-polyfill';

  import VueHtmlToPaper from 'vue-html-to-paper';

  import VueApexCharts from 'vue-apexcharts'
  // import FunctionalCalendar from 'vue-functional-calendar';
  import 'vue-event-calendar/dist/style.css' //^1.1.10, CSS has been extracted as one file, so you can easily update it.
  import vueEventCalendar from 'vue-event-calendar'
  Vue.use(vueEventCalendar, { locale: 'en' })

  // Vue.use(FunctionalCalendar, {
  //     dayNames: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']
  // });
  Vue.use(VueApexCharts)
  Vue.component('apexchart', VueApexCharts)

  const options = {
      name: '_blank',
      specs: [
          'fullscreen=yes',
          'titlebar=yes',
          'scrollbars=yes'
      ],
      styles: [
          'https://unpkg.com/vuetify/dist/vuetify.min.css',
          'https://unpkg.com/kidlat-css/css/kidlat.css'
      ]
  }

  Vue.use(VueHtmlToPaper, options);

  // or, using the defaults with no stylesheet
  
  Vue.use(VueHtmlToPaper);

  Vue.use(VueHtml2Canvas);

  
  Vue.component('downloadCsv', JsonCSV)

  Vue.config.productionTip = false;

  Vue.use(FullCalendar);

  // Helpers
  // Global filters

  // Vue.use(VueAxios, axios);

  Vue.filter('truncate', Truncate);
  Vue.use(VeeValidate, { fieldsBagName: 'formFields' });

  VeeValidate.Validator.localize({
      en: {
          custom: {
              password2: {
                  is: 'The passwords do not match'
              }
          }
      }
  })

  Vue.use(Vuetify, {

      // theme: {

      //     primary: "f1f1f1", // #E53935
      //     // secondary: colors.indigo.lighten4, // #FFCDD2
      //     // accent: colors.indigo.base // #3F51B5

      // },
      options: {
          themeVariations: ['primary', 'secondary', 'accent'],
          extra: {
              mainToolbar: {
                  color: 'primary',
              },
              sideToolbar: {},
              sideNav: 'primary',
              mainNav: 'primary lighten-1',
              bodyBg: '',
          }

      }

  });
  // Bootstrap application components
  
  
  
  /* eslint-disable no-new */
  new Vue({

      el: '#app',
      router,
      store,

      components: {
          App
      },

      template: '<App/>'
  });