Musare/frontend/main.js

import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './App.vue';
import auth from './auth';

import NotFound from './components/404.vue';
import Home from './components/pages/Home.vue';
import Station from './components/Station/Station.vue';
import Admin from './components/pages/Admin.vue';
import News from './components/pages/News.vue';
import User from './components/User/Show.vue';
import Settings from './components/User/Settings.vue';

Vue.use(VueRouter);

let router = new VueRouter({ history: true });
let _this = this;

lofig.folder = '../config/default.json';
lofig.get('socket.url', function(res) {
	let socket = window.socket = io(window.location.protocol + '//' + res);
	socket.on("ready", (status, role) => {
		console.log(status, role)
		auth.data(status, role);
	});
});

router.beforeEach((transition) => {
	if (transition.to.loginRequired || transition.to.adminRequired) {
		auth.getStatus((authenticated, role) => {
			if (transition.to.loginRequired && !authenticated) {
				transition.redirect('/login')
			} else if (transition.to.adminRequired && role !== 'admin') {
				transition.redirect('/adminRequired');
			} else {
				transition.next();
			}
		});
	} else {
		transition.next()
	}
});

router.map({
	'/': {
		component: Home
	},
	'*': {
		component: NotFound
	},
	'/news': {
		component: News
	},
	'/u/:username': {
		component: User
	},
	'/settings': {
		component: Settings,
		loginRequired: true
	},
	'/admin': {
		component: Admin,
		adminRequired: true
	},
	'/official/:id': {
		component: Station
	},
	'/community/:id': {
		component: Station
	}
});

router.start(App, 'body');