You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
148 lines
5.1 KiB
148 lines
5.1 KiB
import { createRouter, createWebHistory } from "vue-router";
|
|
import EmptyLayout from "./layouts/EmptyLayout.vue";
|
|
import Layout from "./layouts/Layout.vue";
|
|
import Dashboard from "./pages/Dashboard.vue";
|
|
import DashboardHome from "./pages/DashboardHome.vue";
|
|
import Details from "./pages/Details.vue";
|
|
import EditMonitor from "./pages/EditMonitor.vue";
|
|
import List from "./pages/List.vue";
|
|
const Settings = () => import("./pages/Settings.vue");
|
|
import Setup from "./pages/Setup.vue";
|
|
const StatusPage = () => import("./pages/StatusPage.vue");
|
|
import Entry from "./pages/Entry.vue";
|
|
|
|
import Appearance from "./components/settings/Appearance.vue";
|
|
import General from "./components/settings/General.vue";
|
|
import Notifications from "./components/settings/Notifications.vue";
|
|
import ReverseProxy from "./components/settings/ReverseProxy.vue";
|
|
import MonitorHistory from "./components/settings/MonitorHistory.vue";
|
|
import Security from "./components/settings/Security.vue";
|
|
import Backup from "./components/settings/Backup.vue";
|
|
import About from "./components/settings/About.vue";
|
|
import ManageStatusPage from "./pages/ManageStatusPage.vue";
|
|
import AddStatusPage from "./pages/AddStatusPage.vue";
|
|
import NotFound from "./pages/NotFound.vue";
|
|
|
|
const routes = [
|
|
{
|
|
path: "/",
|
|
component: Entry,
|
|
},
|
|
{
|
|
// If it is "/dashboard", the active link is not working
|
|
// If it is "", it overrides the "/" unexpectedly
|
|
// Give a random name to solve the problem.
|
|
path: "/empty",
|
|
component: Layout,
|
|
children: [
|
|
{
|
|
path: "",
|
|
component: Dashboard,
|
|
children: [
|
|
{
|
|
name: "DashboardHome",
|
|
path: "/dashboard",
|
|
component: DashboardHome,
|
|
children: [
|
|
{
|
|
path: "/dashboard/:id",
|
|
component: EmptyLayout,
|
|
children: [
|
|
{
|
|
path: "",
|
|
component: Details,
|
|
},
|
|
{
|
|
path: "/edit/:id",
|
|
component: EditMonitor,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "/add",
|
|
component: EditMonitor,
|
|
},
|
|
{
|
|
path: "/list",
|
|
component: List,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "/settings",
|
|
component: Settings,
|
|
children: [
|
|
{
|
|
path: "general",
|
|
component: General,
|
|
},
|
|
{
|
|
path: "appearance",
|
|
component: Appearance,
|
|
},
|
|
{
|
|
path: "notifications",
|
|
component: Notifications,
|
|
},
|
|
{
|
|
path: "reverse-proxy",
|
|
component: ReverseProxy,
|
|
},
|
|
{
|
|
path: "monitor-history",
|
|
component: MonitorHistory,
|
|
},
|
|
{
|
|
path: "security",
|
|
component: Security,
|
|
},
|
|
{
|
|
path: "backup",
|
|
component: Backup,
|
|
},
|
|
{
|
|
path: "about",
|
|
component: About,
|
|
},
|
|
]
|
|
},
|
|
{
|
|
path: "/manage-status-page",
|
|
component: ManageStatusPage,
|
|
},
|
|
{
|
|
path: "/add-status-page",
|
|
component: AddStatusPage,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "/setup",
|
|
component: Setup,
|
|
},
|
|
{
|
|
path: "/status-page",
|
|
component: StatusPage,
|
|
},
|
|
{
|
|
path: "/status",
|
|
component: StatusPage,
|
|
},
|
|
{
|
|
path: "/status/:slug",
|
|
component: StatusPage,
|
|
},
|
|
{
|
|
path: "/:pathMatch(.*)*",
|
|
component: NotFound,
|
|
},
|
|
];
|
|
|
|
export const router = createRouter({
|
|
linkActiveClass: "active",
|
|
history: createWebHistory(),
|
|
routes,
|
|
});
|