LeagueStats/client/src/main.js
2021-03-09 20:24:27 +01:00

51 lines
1.1 KiB
JavaScript

import Vue from 'vue'
import VueAxios from './plugins/axios'
import VueMeta from 'vue-meta'
import { VuePlausible } from 'vue-plausible'
import '@/assets/css/main.css'
import App from './App.vue'
import router from './router'
import store from './store'
Vue.config.productionTip = false
Vue.use(VueAxios)
Vue.use(VuePlausible, {
domain: 'leaguestats.gg',
trackLocalhost: false,
apiHost: 'https://stats.leaguestats.gg'
})
Vue.$plausible.enableAutoPageviews()
Vue.use(VueMeta)
Vue.filter('capitalize', (value) => {
return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase()
})
Vue.filter('kilo', (value) => {
return `${+(value / 1000).toFixed(1)}k`
})
Vue.filter('secToTime', (sec, dotNotation = false) => {
const min = Math.floor(sec / 60)
let newSec = Math.floor(sec - min * 60)
newSec = newSec < 10 ? '0' + newSec : newSec
return dotNotation ? `${min}:${newSec}` : `${min}m${newSec}s`
})
Vue.filter('percent', (value) => {
return `${+value.toFixed(1)}%`
})
Vue.filter('round', (value, decimals = 2) => {
return parseFloat(value.toFixed(decimals))
})
new Vue({
router,
store,
render: h => h(App),
}).$mount('#app')