main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import vuetify from './plugins/vuetify'
import './plugins'
import Vuex from 'vuex'
import Toast from 'vue-toastification'
import store from '@/store'
import Vuebar from 'vuebar'
import 'vue-toastification/dist/index.css'
import axios from 'axios'
import api from '@/utils/api'
import { encrypt } from './utils/enc'
import MultiFiltersPlugin from '@/plugins/MultiFilters'

Vue.use(Vuex)

Vue.config.productionTip = false
Vue.use(Vuebar)

Vue.use(MultiFiltersPlugin)

Vue.prototype.$axios = api

if (process.env.NODE_ENV === 'development') {
  const { worker } = require('./mocks/browser')
  worker.start()
}

Vue.use(Toast, {
  transition: 'Vue-Toastification__bounce',
  maxToasts: 20,
  newestOnTop: true,
})
// CHECK SECURITY
router.beforeEach((to, from, next) => {
  if (to.name !== 'Login' && localStorage.tkn === null) {
    console.log(localStorage.tkn)
    Vue.$toast.error('Debe estar logueado para poder navegar en nuestro sitio', {
      position: 'bottom-center',
      timeout: 5000,
      closeOnClick: true,
      pauseOnFocusLoss: false,
      pauseOnHover: true,
      draggable: true,
      draggablePercent: 0.6,
      showCloseButtonOnHover: false,
      hideProgressBar: true,
      closeButton: 'button',
      icon: true,
      rtl: false,
    })
    router.push({ name: 'Login' })
  } else {
    next()
  }
})

new Vue({
  axios,
  router,
  store,
  vuetify,
  render: h => h(App),
}).$mount('#app')