siimee/frontend/src/main.js

import { createApp } from 'vue'
import router from './router'
import { checkLoginStatus } from './router/guards'

import App from './App.vue'
import MainNav from './components/MainNav.vue'

const DEV = import.meta.env.VITE_DEV == 'true'

/**
 * Check between route changes for login/timeout
 */
router.beforeEach((to, from, next) => {
    /**
     * Skip any route guarding with `npm run dev`
     */
    if(DEV) { next() }

    /**
     * Use the loginService to deal with login details
     * Activate with `npm run nodev`
     */
    else {
        checkLoginStatus(to, next)
    }
})

const run = entry => {
    const siimee = createApp(App).use(router)
    siimee.component('MainNav', MainNav)
    siimee.mount(entry)
}

run('#app')