uptime-kuma/src/main.js

62 lines
1.5 KiB
JavaScript
Raw Normal View History

2021-07-27 13:47:13 -04:00
import "bootstrap";
import { createApp, h } from "vue";
import contenteditable from "vue-contenteditable";
2021-07-27 13:47:13 -04:00
import Toast from "vue-toastification";
import "vue-toastification/dist/index.css";
import App from "./App.vue";
import "./assets/app.scss";
2022-09-23 14:33:29 -04:00
import "./assets/vue-datepicker.scss";
import { i18n } from "./i18n";
2021-07-27 13:47:13 -04:00
import { FontAwesomeIcon } from "./icon.js";
import datetime from "./mixins/datetime";
import mobile from "./mixins/mobile";
import publicMixin from "./mixins/public";
2021-07-27 13:47:13 -04:00
import socket from "./mixins/socket";
import theme from "./mixins/theme";
2021-11-26 03:31:19 -05:00
import lang from "./mixins/lang";
import { router } from "./router";
import { appName } from "./util.ts";
import dayjs from "dayjs";
2022-12-15 00:39:48 -05:00
import timezone from "./modules/dayjs/plugin/timezone";
import utc from "dayjs/plugin/utc";
import relativeTime from "dayjs/plugin/relativeTime";
dayjs.extend(utc);
dayjs.extend(timezone);
dayjs.extend(relativeTime);
2021-06-25 09:55:49 -04:00
const app = createApp({
mixins: [
socket,
2021-08-10 03:02:46 -04:00
theme,
2021-08-17 04:41:12 -04:00
mobile,
2021-09-13 07:21:39 -04:00
datetime,
publicMixin,
2021-11-26 03:31:19 -05:00
lang,
2021-06-25 09:55:49 -04:00
],
data() {
return {
appName: appName
};
},
2021-07-27 13:47:13 -04:00
render: () => h(App),
});
2021-06-25 09:55:49 -04:00
2021-08-24 04:44:58 -04:00
app.use(router);
app.use(i18n);
2021-06-25 09:55:49 -04:00
const options = {
2021-07-27 13:47:13 -04:00
position: "bottom-right",
2021-06-25 09:55:49 -04:00
};
app.use(Toast, options);
2021-09-14 11:27:11 -04:00
app.component("Editable", contenteditable);
app.component("FontAwesomeIcon", FontAwesomeIcon);
2021-06-25 09:55:49 -04:00
2021-09-14 11:27:11 -04:00
app.mount("#app");
2021-10-08 01:35:04 -04:00
// Expose the vue instance for development
if (process.env.NODE_ENV === "development") {
console.log("Dev Only: window.app is the vue instance");
window.app = app._instance;
}