Before hook in vue

Demo.js

/* @flow */
import type { NavigationGuard } from 'vue-router';

import router from 'src/router';
import store from 'src/store';
import { IS_LOGGED_IN } from 'src/store/modules/user/user-getters';

import Sidebar from './components/Sidebar/Sidebar.vue';
import ChatSidebar from './components/ChatSidebar/ChatSidebar.vue';
import TopBar from './components/TopBar/TopBar.vue';

const beforeRouteEnter :NavigationGuard = (to, from, next) => {
  if (!store.getters[IS_LOGGED_IN]) {
    router.push({ path: '/login' });
    next(false);
  }
  next();
};

export default {
  components: {
    'bsm-top-bar': TopBar,
    'bsm-left-sidebar': Sidebar,
    'bsm-chat-sidebar': ChatSidebar,
  },
  beforeRouteEnter,
  mounted() {
    // Init template logic when layout is ready & mounted
    // eslint-disable-next-line global-require
    require('assets/theme/js/jquery.app');
  },
};