uptime-kuma/src/main.js

104 lines
2.8 KiB
JavaScript
Raw Normal View History

2021-07-27 10:47:13 -07:00
import "bootstrap";
import { createApp, h } from "vue";
import { createRouter, createWebHistory } from "vue-router";
import Toast from "vue-toastification";
import "vue-toastification/dist/index.css";
import App from "./App.vue";
import "./assets/app.scss";
import { FontAwesomeIcon } from "./icon.js";
import EmptyLayout from "./layouts/EmptyLayout.vue";
import Layout from "./layouts/Layout.vue";
import socket from "./mixins/socket";
import theme from "./mixins/theme";
2021-08-10 00:02:46 -07:00
import mobile from "./mixins/mobile";
2021-06-25 06:55:49 -07:00
import Dashboard from "./pages/Dashboard.vue";
import DashboardHome from "./pages/DashboardHome.vue";
import Details from "./pages/Details.vue";
import EditMonitor from "./pages/EditMonitor.vue";
2021-07-27 10:47:13 -07:00
import Settings from "./pages/Settings.vue";
2021-07-10 22:47:57 -07:00
import Setup from "./pages/Setup.vue";
import { appName } from "./util.ts";
2021-06-25 06:55:49 -07:00
const routes = [
{
2021-07-27 10:47:13 -07:00
path: "/",
2021-06-25 06:55:49 -07:00
component: Layout,
children: [
{
name: "root",
2021-07-27 10:47:13 -07:00
path: "",
2021-06-25 06:55:49 -07:00
component: Dashboard,
children: [
{
name: "DashboardHome",
2021-07-27 10:47:13 -07:00
path: "/dashboard",
2021-06-25 06:55:49 -07:00
component: DashboardHome,
children: [
{
2021-07-27 10:47:13 -07:00
path: "/dashboard/:id",
2021-06-27 01:10:55 -07:00
component: EmptyLayout,
children: [
{
2021-07-27 10:47:13 -07:00
path: "",
2021-06-27 01:10:55 -07:00
component: Details,
},
{
2021-07-27 10:47:13 -07:00
path: "/edit/:id",
2021-06-27 01:10:55 -07:00
component: EditMonitor,
},
2021-07-27 10:47:13 -07:00
],
2021-06-25 06:55:49 -07:00
},
{
2021-07-27 10:47:13 -07:00
path: "/add",
2021-06-25 06:55:49 -07:00
component: EditMonitor,
},
2021-07-27 10:47:13 -07:00
],
2021-06-25 06:55:49 -07:00
},
{
2021-07-27 10:47:13 -07:00
path: "/settings",
2021-06-25 06:55:49 -07:00
component: Settings,
},
],
},
2021-07-10 22:47:57 -07:00
2021-06-25 06:55:49 -07:00
],
2021-07-10 22:47:57 -07:00
},
{
2021-07-27 10:47:13 -07:00
path: "/setup",
2021-07-10 22:47:57 -07:00
component: Setup,
},
2021-06-25 06:55:49 -07:00
]
const router = createRouter({
2021-07-27 10:47:13 -07:00
linkActiveClass: "active",
2021-06-25 06:55:49 -07:00
history: createWebHistory(),
routes,
})
const app = createApp({
mixins: [
socket,
2021-08-10 00:02:46 -07:00
theme,
mobile
2021-06-25 06:55:49 -07:00
],
data() {
return {
appName: appName
}
},
2021-07-27 10:47:13 -07:00
render: () => h(App),
2021-06-25 06:55:49 -07:00
})
app.use(router)
const options = {
2021-07-27 10:47:13 -07:00
position: "bottom-right",
2021-06-25 06:55:49 -07:00
};
app.use(Toast, options);
2021-07-27 10:47:13 -07:00
app.component("FontAwesomeIcon", FontAwesomeIcon)
2021-07-27 01:52:44 -07:00
2021-07-27 10:47:13 -07:00
app.mount("#app")