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
|
import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';
import {
AlertPlugin,
BadgePlugin,
ButtonPlugin,
BVConfigPlugin,
CollapsePlugin,
FormPlugin,
FormCheckboxPlugin,
FormGroupPlugin,
FormInputPlugin,
FormRadioPlugin,
FormSelectPlugin,
LayoutPlugin,
LinkPlugin,
ListGroupPlugin,
ModalPlugin,
NavbarPlugin,
NavPlugin,
TablePlugin,
ToastPlugin
} from 'bootstrap-vue';
import Vuelidate from 'vuelidate';
import i18n from './i18n';
// Filters
Vue.filter('formatDate', function(value) {
const dateOptions = {
year: 'numeric',
month: 'short',
day: 'numeric'
};
if (value instanceof Date) {
return value.toLocaleDateString(i18n.locale, dateOptions);
}
});
Vue.filter('formatTime', function(value) {
const timeOptions = {
hour: 'numeric',
minute: 'numeric',
second: 'numeric',
timeZoneName: 'short'
};
if (value instanceof Date) {
return value.toLocaleTimeString('default', timeOptions);
}
});
// Plugins
Vue.use(AlertPlugin);
Vue.use(BadgePlugin);
Vue.use(ButtonPlugin);
Vue.use(BVConfigPlugin, {
BFormText: { textVariant: 'secondary' },
BTable: {
headVariant: 'light',
footVariant: 'light'
}
});
Vue.use(CollapsePlugin);
Vue.use(FormPlugin);
Vue.use(FormCheckboxPlugin);
Vue.use(FormGroupPlugin);
Vue.use(FormInputPlugin);
Vue.use(FormRadioPlugin);
Vue.use(FormSelectPlugin);
Vue.use(LayoutPlugin);
Vue.use(LayoutPlugin);
Vue.use(LinkPlugin);
Vue.use(ListGroupPlugin);
Vue.use(ModalPlugin);
Vue.use(NavbarPlugin);
Vue.use(NavPlugin);
Vue.use(TablePlugin);
Vue.use(ToastPlugin);
Vue.use(Vuelidate);
new Vue({
router,
store,
i18n,
render: h => h(App)
}).$mount('#app');
|
