54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
import { defineRouter } from '#q-app/wrappers'
|
|
import { createRouter, createMemoryHistory, createWebHistory, createWebHashHistory } from 'vue-router'
|
|
import routes from './routes'
|
|
import { AUTH_STORAGE_KEY, DEMO_USERS } from 'stores/auth'
|
|
|
|
/*
|
|
* If not building with SSR mode, you can
|
|
* directly export the Router instantiation;
|
|
*
|
|
* The function below can be async too; either use
|
|
* async/await or return a Promise which resolves
|
|
* with the Router instance.
|
|
*/
|
|
|
|
export default defineRouter(function (/* { store, ssrContext } */) {
|
|
const createHistory = process.env.SERVER
|
|
? createMemoryHistory
|
|
: (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory)
|
|
|
|
const Router = createRouter({
|
|
scrollBehavior: () => ({ left: 0, top: 0 }),
|
|
routes,
|
|
|
|
// Leave this as is and make changes in quasar.conf.js instead!
|
|
// quasar.conf.js -> build -> vueRouterMode
|
|
// quasar.conf.js -> build -> publicPath
|
|
history: createHistory(process.env.VUE_ROUTER_BASE)
|
|
})
|
|
|
|
Router.beforeEach((to) => {
|
|
const stored = localStorage.getItem(AUTH_STORAGE_KEY)
|
|
let userId = null
|
|
|
|
try {
|
|
userId = stored ? JSON.parse(stored)?.userId ?? null : null
|
|
} catch {
|
|
userId = null
|
|
}
|
|
|
|
const isAuthenticated = DEMO_USERS.some(user => user.id === userId)
|
|
|
|
if (to.meta.requiresAuth && !isAuthenticated) {
|
|
return { path: '/login', query: { redirect: to.fullPath } }
|
|
}
|
|
|
|
if (to.path === '/login' && isAuthenticated) {
|
|
return { path: '/' }
|
|
}
|
|
|
|
return true
|
|
})
|
|
|
|
return Router
|
|
})
|