text: import Vue from "vue";
  import Router from "vue-router";
  import Index from "./views/Index.vue";
  import Artistes from "./views/Artistes.vue";
  import Components from "./views/Components.vue";
  import Profile from "./views/Profile.vue";
  import Blog from "./views/Blog.vue";
  import Article from "./views/Article.vue";
  import Ateliers from "./views/Ateliers.vue";
  import Login from "./views/Login.vue";
  import MainNavbar from "./layout/MainNavbar.vue";
  import MainFooter from "./layout/MainFooter.vue";
  
  Vue.use(Router);
  
  export default new Router({
    routes: [
      {
        path: "/programme",
        name: "index",
        components: { default: Index, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: "black" }
        }
      },
      {
        path: "/",
        name: "index",
        components: { default: Index, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: "black" }
        }
      },
      {
        path: "/artistes",
        name: "artistes",
        components: { default: Artistes, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: "black" }
        }
      },
      {
        path: "/ateliers",
        name: "ateliers",
        components: { default: Ateliers, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: "black" }
        }
      },
      {
        path: "/blog",
        name: "blog",
        components: { default: Blog, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: "black" }
        }
      },
      {
        path: "/blog/:id",
        name: "article",
        components: { default: Article, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: "black" }
        }
      },
      {
        path: "/test",
        name: "test",
        components: { default: Components, header: MainNavbar, footer: MainFooter },
        props: {
          header: { colorOnScroll: 400 },
          footer: { backgroundColor: "black" }
        }
      },
      {
        path: "/login",
        name: "login",
        components: { default: Login, 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 => {
        return { x: 0, y: 0 };
    }
  });
  