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.
79 lines
2.0 KiB
79 lines
2.0 KiB
3 years ago
|
import {createApp, h} from "vue";
|
||
|
|
import {createRouter, createWebHistory} from 'vue-router'
|
||
|
|
|
||
|
|
import App from './App.vue'
|
||
|
|
import Layout from './layouts/Layout.vue'
|
||
|
|
import Settings from "./pages/Settings.vue";
|
||
|
|
import Dashboard from "./pages/Dashboard.vue";
|
||
|
|
import DashboardHome from "./pages/DashboardHome.vue";
|
||
|
|
import Details from "./pages/Details.vue";
|
||
|
|
import socket from "./mixins/socket"
|
||
|
|
import "./assets/app.scss"
|
||
|
|
import EditMonitor from "./pages/EditMonitor.vue";
|
||
|
|
import Toast from "vue-toastification";
|
||
|
|
import "vue-toastification/dist/index.css";
|
||
|
|
import "bootstrap"
|
||
|
|
|
||
|
|
const routes = [
|
||
|
|
{
|
||
|
|
path: '/',
|
||
|
|
component: Layout,
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
name: "root",
|
||
|
|
path: '',
|
||
|
|
component: Dashboard,
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
name: "DashboardHome",
|
||
|
|
path: '/dashboard',
|
||
|
|
component: DashboardHome,
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
path: ':id',
|
||
|
|
component: Details,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: '/add',
|
||
|
|
component: EditMonitor,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: '/edit/:id',
|
||
|
|
component: EditMonitor,
|
||
|
|
},
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: '/settings',
|
||
|
|
component: Settings,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
}
|
||
|
|
]
|
||
|
|
|
||
|
|
const router = createRouter({
|
||
|
|
linkActiveClass: 'active',
|
||
|
|
history: createWebHistory(),
|
||
|
|
routes,
|
||
|
|
})
|
||
|
|
|
||
|
|
const app = createApp({
|
||
|
|
mixins: [
|
||
|
|
socket,
|
||
|
|
],
|
||
|
|
render: ()=>h(App)
|
||
|
|
})
|
||
|
|
|
||
|
|
app.use(router)
|
||
|
|
|
||
|
|
const options = {
|
||
|
|
position: "bottom-right"
|
||
|
|
};
|
||
|
|
|
||
|
|
app.use(Toast, options);
|
||
|
|
|
||
|
|
app.mount('#app')
|
||
|
|
|