text: import Vue from "vue";
  import Router from "vue-router";
  import Index from "./views/Index.vue";
  import Landing from "./views/Landing.vue";
  import Doctor from "./views/Doctor.vue";
  import Profile from "./views/Profile.vue";
  import MainNavbar from "./layout/MainNavbar.vue";
  import MainFooter from "./layout/MainFooter.vue";
  
  Vue.use(Router);
  
  export default new Router({
    routes: [
      {
        path: "/",
        name: "landing",
        components: { default: Landing, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: "black" }
        }
      },
      {
        path: "/doctor",
        name: "doctor",
        components: { default: Doctor, header: MainNavbar, footer: MainFooter },
        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 };
      }
    }
  });
  