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

import WaveUI from '../node_modules/wave-ui/src/wave-ui/core'
import components from './wave'

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

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

/**
 * Check between route changes for login/timeout
 */
router.beforeEach((to, from, next) => {
    /**
     * Skip any route guarding with `npm run dev` or
     * Use the loginService to deal with login details
     * NOTE: Activate with `npm run nodev`
     */
    if (DEV) {
        next()
    } else {
        checkLoginStatus(to, next)
    }
})

const run = entry => {
    const siimee = createApp(App)
    siimee.use(WaveUI, { components })
    new WaveUI(siimee)

    siimee.use(router)
    siimee.component('MainNav', MainNav)
    siimee.mount(entry)
}

run('#app')