text: import Vue from 'vue';
  import Router from 'vue-router';
  import Add from './pages/Add.vue';
  import Landing from './pages/Landing.vue';
  import Login from './pages/Login.vue';
  import Profile from './pages/Profile.vue';
  import MainNavbar from './layout/MainNavbar.vue';
  import MainFooter from './layout/MainFooter.vue';
  import Edit from './pages/Edit.vue';
  import AddUser from './pages/AddUser.vue';
  Vue.use(Router);
  
  export default new Router({
    linkExactActiveClass: 'active',
    routes: [
      {
        path: '/',
        name: 'index',
        components: { default: Landing, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: 'black' }
        }
      },
      {
        path: '/add',
        name: 'add',
        components: { default: Add, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: 'black' }
        }
      },
      {
        path: '/addUser/:name',
        name: 'add',
        components: { default: AddUser, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: 'black' }
        }
      },
      {
        path: '/edit/:name',
        name: 'edit',
        components: { default: Edit, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: 'black' }
        }
      },
      {
        path: '/login',
        name: 'login',
        components: { default: Login, header: MainNavbar },
        props: {
          header: { colorOnScroll: 400 }
        }
      },
      {
        path: '/profile',
        name: 'profile',
        components: { default: Profile, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: 'black' }
        }
      }
    ],
    scrollBehavior: to => {
      if (to.hash) {
        return { selector: to.hash };
      } else {
        return { x: 0, y: 0 };
      }
    }
  });
  