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

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.afterEach((to, from) => {
  // ...
  NProgress.done();
});

export default router;