// Core
import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './app.vue'

// Environment
require('dotenv').config()

import store from './store'

import Globals from './global-components.js'
Globals.forEach(component => {
    Vue.component(component.name, component)
});

// Cookies
import VueCookies from 'vue-cookies'
Vue.use(VueCookies)
Vue.$cookies.config('30d','','')

// Jquery
import jquery from 'jquery'
window.$ = jquery
window.jquery = jquery

// Styles
// Fonts
import './assets/scss/_fonts.scss'
import './assets/scss/_global.scss'

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
import 'bootstrap/dist/js/bootstrap.js'

// Plugins
import { BootstrapVue } from 'bootstrap-vue'
Vue.use(BootstrapVue)

import { VueMasonryPlugin } from 'vue-masonry'
Vue.use(VueMasonryPlugin)

import clipboard from 'v-clipboard'
Vue.use(clipboard)

// FUNCTIONS
var filter = (text, length, clamp) => {
    clamp = clamp || '...';
    var node = document.createElement('div');
    node.innerHTML = text;
    var content = node.textContent;
    return content.length > length ? content.slice(0, length) + clamp : content;
}
Vue.filter('truncate', filter);

// Router
import router from './routes'
Vue.use(VueRouter)

// Mount Vue
const app = new Vue({
    render: h => h(App),
    router,
    store: store
})
app.$mount('#srs')