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;