127 lines
2.8 KiB
TypeScript
127 lines
2.8 KiB
TypeScript
import { defineAsyncComponent } from "vue";
|
|
import {
|
|
createRouter,
|
|
createWebHistory,
|
|
RouteRecordRaw,
|
|
NavigationGuardNext,
|
|
RouteLocationNormalized
|
|
} from "vue-router";
|
|
import store from "./store";
|
|
|
|
declare global {
|
|
interface Window {
|
|
preventPushState: boolean;
|
|
}
|
|
}
|
|
|
|
let routes: Array<RouteRecordRaw> = [
|
|
{
|
|
name: "home",
|
|
path: "/",
|
|
component: () => import("./pages/Home.vue")
|
|
},
|
|
{
|
|
name: "activity",
|
|
path: "/activity",
|
|
meta: { requiresAuth: true },
|
|
component: () => import("./pages/ActivityPage.vue")
|
|
},
|
|
{
|
|
name: "profile",
|
|
path: "/profile",
|
|
meta: { requiresAuth: true },
|
|
component: () => import("./pages/ProfilePage.vue")
|
|
},
|
|
{
|
|
name: "requests-list",
|
|
path: "/list/requests",
|
|
component: () => import("./pages/RequestPage.vue")
|
|
},
|
|
{
|
|
name: "list",
|
|
path: "/list/:name",
|
|
component: () => import("./pages/ListPage.vue")
|
|
},
|
|
{
|
|
name: "search",
|
|
path: "/search",
|
|
component: () => import("./pages/SearchPage.vue")
|
|
},
|
|
{
|
|
name: "register",
|
|
path: "/register",
|
|
component: () => import("./pages/RegisterPage.vue")
|
|
},
|
|
{
|
|
name: "settings",
|
|
path: "/settings",
|
|
meta: { requiresAuth: true },
|
|
component: () => import("./pages/SettingsPage.vue")
|
|
},
|
|
{
|
|
name: "signin",
|
|
path: "/signin",
|
|
alias: "/login",
|
|
component: () => import("./pages/SigninPage.vue")
|
|
},
|
|
{
|
|
name: "torrents",
|
|
path: "/torrents",
|
|
meta: { requiresAuth: true },
|
|
component: () => import("./pages/TorrentsPage.vue")
|
|
},
|
|
// {
|
|
// name: 'user-requests',
|
|
// path: '/profile/requests',
|
|
// components: {
|
|
// 'user-requests-router-view': require('./components/MoviesList.vue')
|
|
// }
|
|
// },
|
|
{
|
|
name: "404",
|
|
path: "/404",
|
|
component: () => import("./pages/404.vue")
|
|
}
|
|
// {
|
|
// path: "*",
|
|
// redirect: "/"
|
|
// },
|
|
// {
|
|
// path: "/request",
|
|
// redirect: "/"
|
|
// }
|
|
];
|
|
|
|
const router = createRouter({
|
|
history: createWebHistory("/"),
|
|
// base: "/",
|
|
routes,
|
|
linkActiveClass: "is-active"
|
|
});
|
|
|
|
const loggedIn = () => store.getters["user/loggedIn"];
|
|
const popupIsOpen = () => store.getters["popup/isOpen"];
|
|
const hamburgerIsOpen = () => store.getters["hamburger/isOpen"];
|
|
|
|
router.beforeEach(
|
|
(to: RouteLocationNormalized, from: RouteLocationNormalized, next: any) => {
|
|
store.dispatch("documentTitle/updateTitle", to.name);
|
|
store.dispatch("popup/resetStateFromUrlQuery", to.query);
|
|
|
|
// Every route change we close hamburger if open
|
|
if (hamburgerIsOpen()) store.dispatch("hamburger/close");
|
|
|
|
// If pages has meta 'requiresAuth' and user not logged in
|
|
// send user to signin page.
|
|
if (to.matched.some(record => record.meta.requiresAuth)) {
|
|
if (!loggedIn) {
|
|
next({ path: "/signin" });
|
|
}
|
|
}
|
|
|
|
next();
|
|
}
|
|
);
|
|
|
|
export default router;
|