app.js

var $resource = require("vue-resource");
var pathToRegexp = require('path-to-regexp');
import Home from './components/Home.vue';
import Navigator from './components/Navigator.vue';
import Categories from './components/Categories.vue';
import Category from './components/Category.vue';
import Results from './components/Results.vue';
import Users from './components/Users.vue';
import Challengesent from './components/Challengesent.vue';
import Notifications from './components/Notifications.vue';
import Acceptchallenge from './components/Acceptchallenge.vue';
import ChallengeResult from './components/ChallengeResult.vue';
import Profile from './components/Profile.vue';
const routes = [
    { path: '', component: Home,name:"home" },
    { path: '/new_quiz', component: Categories , name:"single_player_categories" },
    { path: '/new_quiz/:category_id', component: Category,name:"single_play"},
    { path: '/single_player_result/:quiz_id', component: Results,name:"single_player_result" },
    { path: '/new_challenge', component: Users,name:"users" },
    { path: '/new_challenge/:opponent_id', component: Categories,name:"challenge_categories" },
    { path: '/new_challenge/:opponent_id/:category_id', component: Category,name:"challenge_play" },
    { path: '/challenge_sent/:challenge_id', component: Challengesent,name:"challenge_sent" },
    { path: '/notifications', component: Notifications,name:"notifications" },
    { path: '/accept_challenge/:challenge_id', component: Acceptchallenge,name:"accept_challenge"},
    { path: '/opponent_challenge_result/:challenge_id', component: ChallengeResult,name:"challenge_result"},
    { path: '/profile', component: Profile,name:"profile"}
];
const router = new VueRouter({
    mode:'history',
    base:"/game/play/",
    linkActiveClass:"active",
    routes
});
Vue.component("navigator",Navigator);
const app = new Vue({
    router,
    beforeCreate:function(){
        this.$http.get("game/get_user_info").then(function(r){
           if(r.data.size == 0) location.href = "/login";
           this.user = r.data;
        });
    },
    methods:{
        parse_url:function(path){
            return pathToRegexp.parse(path);
        }
    }
}).$mount('#app');