main.js
2.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
// 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'
import VueCountryCode from "vue-country-code";
Vue.use(VueCountryCode);
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 */
export var vm1 = new Vue({
el: '#app',
router,
store,
components: {
App
},
template: '<App/>'
});