118 lines
4.5 KiB
TypeScript
118 lines
4.5 KiB
TypeScript
import { createRouter, createWebHistory } from 'vue-router'
|
|
import { currentLang, langs } from './langs'
|
|
import { getSettings } from './settings'
|
|
import { useAuthStore } from '@/stores/auth'
|
|
// import Default from '@/layouts/default.vue'
|
|
// import { getMenu } from './menu'
|
|
|
|
|
|
function isAuthenticated(): boolean {
|
|
if (typeof document === 'undefined') return false
|
|
return document.cookie.split('; ').some((c) => c === 'is_authenticated=1')
|
|
}
|
|
await getSettings()
|
|
// await getMenu()
|
|
|
|
|
|
const router = createRouter({
|
|
history: createWebHistory(import.meta.env.VITE_BASE_URL),
|
|
routes: [
|
|
{
|
|
path: '/',
|
|
redirect: () => `/${currentLang.value?.iso_code}`,
|
|
},
|
|
{
|
|
path: '/:locale',
|
|
children: [
|
|
{ path: 'category/:category_id-:link_rewrite', component: () => import('@/views/CategoryView.vue'), name: 'category' },
|
|
{ path: 'products-datail', component: () => import('@/components/admin/ProductDetailView.vue'), name: 'product-detail' },
|
|
{ path: '', component: () => import('@/views/RepoChartView.vue'), name: 'home' },
|
|
{ path: 'products', component: () => import('@/components/admin/ProductsView.vue'), name: 'products' },
|
|
{ path: 'product-card-full', component: () => import('@/components/customer/PageProductCardFull.vue'), name: 'product-card-full' },
|
|
{ path: 'addresses', component: () => import('@/components/customer/PageAddresses.vue'), name: 'addresses' },
|
|
{ path: 'customer-data', component: () => import('@/components/customer/PageCustomerData.vue'), name: 'customer-data' },
|
|
{ path: 'create-account', component: () => import('@/components/customer/PageCreateAccount.vue'), name: 'create-account' },
|
|
{ path: 'cart', component: () => import('@/components/customer/PageCart.vue'), name: 'cart' },
|
|
{ path: 'cart1', component: () => import('@/components/customer/Cart1.vue'), name: 'cart1' },
|
|
{ path: 'products-list', component: () => import('@/components/admin/PageProductsList.vue'), name: 'products-list' },
|
|
{ path: 'login', component: () => import('@/views/LoginView.vue'), name: 'login', meta: { guest: true, } },
|
|
{ path: 'register', component: () => import('@/views/RegisterView.vue'), name: 'register', meta: { guest: true } },
|
|
{ path: 'password-recovery', component: () => import('@/views/PasswordRecoveryView.vue'), name: 'password-recovery', meta: { guest: true } },
|
|
{ path: 'reset-password', component: () => import('@/views/ResetPasswordForm.vue'), name: 'reset-password', meta: { guest: true } },
|
|
{ path: 'verify-email', component: () => import('@/views/VerifyEmailView.vue'), name: 'verify-email', meta: { guest: true } },
|
|
|
|
{
|
|
path: '/:pathMatch(.*)*',
|
|
component: () => import('@/views/NotFoundView.vue'),
|
|
name: 'not-found',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: '/:pathMatch(.*)*',
|
|
component: () => import('@/views/NotFoundView.vue'),
|
|
name: 'not-found',
|
|
},
|
|
],
|
|
})
|
|
|
|
// router.beforeEach((to, from, next) => {
|
|
// const locale = to.params.locale as string
|
|
// const localeLang = langs.find((x) => x.iso_code == locale)
|
|
|
|
// if (locale && langs.length > 0) {
|
|
// const authStore = useAuthStore()
|
|
// // console.log(authStore.isAuthenticated, to, from)
|
|
// // if()
|
|
// const validLocale = langs.find((l) => l.lang_code === locale)
|
|
|
|
// if (validLocale) {
|
|
// currentLang.value = localeLang
|
|
// if (!to.meta?.guest && !isAuthenticated()) {
|
|
// return next({ name: 'login', params: { locale } })
|
|
// }
|
|
|
|
// // return next()
|
|
// return next()
|
|
// } else if (locale) {
|
|
// return next(`/${currentLang.value?.iso_code}${to.path.replace(`/${locale}`, '') || '/'}`)
|
|
// }
|
|
// }
|
|
|
|
// if (!locale && to.path !== '/') {
|
|
// return next(`/${currentLang.value?.iso_code}${to.path}`)
|
|
// }
|
|
|
|
// next()
|
|
// })
|
|
|
|
router.beforeEach((to, from) => {
|
|
const locale = to.params.locale as string
|
|
const localeLang = langs.find((x) => x.iso_code === locale)
|
|
|
|
if (locale && langs.length > 0) {
|
|
const authStore = useAuthStore()
|
|
const validLocale = langs.find((l) => l.lang_code === locale)
|
|
|
|
if (validLocale) {
|
|
currentLang.value = localeLang
|
|
|
|
if (!to.meta?.guest && !authStore.isAuthenticated) {
|
|
return { name: 'login', params: { locale } }
|
|
}
|
|
|
|
return true
|
|
} else if (locale) {
|
|
return `/${currentLang.value?.iso_code}${to.path.replace(`/${locale}`, '') || '/'}`
|
|
}
|
|
}
|
|
|
|
if (!locale && to.path !== '/') {
|
|
return `/${currentLang.value?.iso_code}${to.path}`
|
|
}
|
|
|
|
return true
|
|
})
|
|
|
|
export default router
|