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.
106 lines
2.8 KiB
106 lines
2.8 KiB
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";
|
|
import mobile from "./mixins/mobile";
|
|
import datetime from "./mixins/datetime";
|
|
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 Settings from "./pages/Settings.vue";
|
|
import Setup from "./pages/Setup.vue";
|
|
import { appName } from "./util.ts";
|
|
|
|
const routes = [
|
|
{
|
|
path: "/",
|
|
component: Layout,
|
|
children: [
|
|
{
|
|
name: "root",
|
|
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: "/settings",
|
|
component: Settings,
|
|
},
|
|
],
|
|
},
|
|
|
|
],
|
|
|
|
},
|
|
{
|
|
path: "/setup",
|
|
component: Setup,
|
|
},
|
|
]
|
|
|
|
const router = createRouter({
|
|
linkActiveClass: "active",
|
|
history: createWebHistory(),
|
|
routes,
|
|
})
|
|
|
|
const app = createApp({
|
|
mixins: [
|
|
socket,
|
|
theme,
|
|
mobile,
|
|
datetime
|
|
],
|
|
data() {
|
|
return {
|
|
appName: appName
|
|
}
|
|
},
|
|
render: () => h(App),
|
|
})
|
|
|
|
app.use(router)
|
|
|
|
const options = {
|
|
position: "bottom-right",
|
|
};
|
|
|
|
app.use(Toast, options);
|
|
|
|
app.component("FontAwesomeIcon", FontAwesomeIcon)
|
|
|
|
app.mount("#app")
|