import Vue from 'vue' import VueRouter from 'vue-router' import auth_wrapper from './vue/auth/wrapper.vue' import noauth_wrapper from './vue/noauth/wrapper.vue' /* (1) Setup: Vue, VueRouter, Authentication, ClientDriver-s */ require('./setup.js'); /* (2) Set router hooks to load page data before loading content */ gs.get.router.beforeEach((to, from, next) => { // {1} Ignore null name // if( to.name == null ) next(); // {2} Get appropriate page location // let auth_folder = (gs.get.authed) ? 'auth' : 'noauth'; let page_file = to.name || gs.get.routes[auth_folder][0].name; let fullpath = `${auth_folder}/${page_file}`; // {3} Load page script // if( fullpath === 'noauth/login') require('./page/noauth/login.js'); else if( fullpath === 'noauth/register') require('./page/noauth/register.js'); else if( fullpath === 'auth/channel') require('./page/auth/channel.js'); // {4} Let VueRouter do the magic // next(); }); /* (3) Select appropriate wrapper */ const wrapper = (gs.get.authed) ? auth_wrapper : noauth_wrapper; /* (4) Render view */ Vue.use(VueRouter); new Vue({ el: '#vue', router: gs.get.router, render(h){ return h(wrapper); } })