mlpcardgame/src/router.ts

import DeckBuilder from "@/views/DeckBuilder.vue";
import DraftView from "@/views/Draft.vue";
import GameView from "@/views/Game.vue";
import Home from "@/views/Home.vue";
import Lobby from "@/views/Lobby.vue";
import SettingsView from "@/views/Settings.vue";
import Vue from "vue";
import Router from "vue-router";

Vue.use(Router);

export default new Router({
  mode: "history",
  base: process.env.BASE_URL,
  routes: [
    {
      path: "/",
      name: "home",
      component: Home
    },
    {
      path: "/build",
      name: "deck-editor",
      component: DeckBuilder,
      meta: {
        topnav: "Deck Builder"
      }
    },
    {
      path: "/game",
      name: "game",
      component: GameView
    },
    {
      path: "/draft",
      name: "draft",
      component: DraftView
    },
    {
      path: "/lobby",
      name: "lobby",
      component: Lobby,
      meta: {
        topnav: "Lobby"
      }
    },
    {
      path: "/join/:id",
      name: "lobby-join",
      component: Lobby,
      meta: {
        topnav: "Lobby"
      }
    },
    {
      path: "/settings",
      name: "settings",
      component: SettingsView,
      meta: {
        topnav: "settings"
      }
    }
  ]
});