import Vue from 'vue';
  import Router from 'vue-router';
  import paths from './paths';
  import NProgress from 'nprogress';
  import 'nprogress/nprogress.css';

  import store from '@/store/store'

  
  Vue.use(Router);

  const router = new Router({

    base: '/',
    mode: 'history',
    linkActiveClass: 'active',

    routes: paths,
    scrollBehavior() {

      window.scrollTo(0, 0);

    }

  });

  
  // const scrollableElementId = 'content' // You should change this
  // const scrollPositions = Object.create(null)
  
  // router.beforeEach((to, from, next) => {
  //   let element = document.getElementById(scrollableElementId)
  //   if (element !== null) {
  //     scrollPositions[from.name] = element.scrollTop
  //   }
  
  //   next()
  // })
  
  // window.addEventListener('popstate', () => {
  //   let currentRouteName = router.history.current.name
  
  //   let element = document.getElementById(scrollableElementId)
  //   if (element !== null && currentRouteName in scrollPositions) {
  //     setTimeout(() => element.scrollTop = scrollPositions[currentRouteName], 50)
  //   }
  // })

  // router gards

  // router.beforeEach((to, from, next) => {
  //   NProgress.start();
  //   next();
  // });
  
  // router.beforeEach((to, from, next) => {
  //   var token = store.getters.GET_TOKEN;
  //   if (!token) {
  //     console.log("yes yes yes")
  //     window.getApp.$emit("APP_LOGOUT");
  //   } else {
  //     NProgress.start();
  //     next();
  //   }
  // });

  
  router.afterEach((to, from) => {
    // ...
    NProgress.done();
  });

  export default router;