2021-07-27 10:47:13 -07:00
|
|
|
import "bootstrap";
|
|
|
|
import { createApp, h } from "vue";
|
|
|
|
import Toast from "vue-toastification";
|
|
|
|
import "vue-toastification/dist/index.css";
|
|
|
|
import App from "./App.vue";
|
|
|
|
import "./assets/app.scss";
|
2021-09-12 10:23:51 -07:00
|
|
|
import { i18n } from "./i18n";
|
2021-07-27 10:47:13 -07:00
|
|
|
import { FontAwesomeIcon } from "./icon.js";
|
2021-09-12 10:23:51 -07:00
|
|
|
import datetime from "./mixins/datetime";
|
|
|
|
import mobile from "./mixins/mobile";
|
2021-07-27 10:47:13 -07:00
|
|
|
import socket from "./mixins/socket";
|
2021-08-07 22:47:29 -07:00
|
|
|
import theme from "./mixins/theme";
|
2021-09-12 10:23:51 -07:00
|
|
|
import { router } from "./router";
|
2021-08-07 20:03:22 -07:00
|
|
|
import { appName } from "./util.ts";
|
2021-06-25 06:55:49 -07:00
|
|
|
|
|
|
|
const app = createApp({
|
|
|
|
mixins: [
|
|
|
|
socket,
|
2021-08-10 00:02:46 -07:00
|
|
|
theme,
|
2021-08-17 01:41:12 -07:00
|
|
|
mobile,
|
|
|
|
datetime
|
2021-06-25 06:55:49 -07:00
|
|
|
],
|
2021-08-07 20:03:22 -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
|
|
|
})
|
|
|
|
|
2021-08-24 01:44:58 -07:00
|
|
|
app.use(router);
|
|
|
|
app.use(i18n);
|
2021-06-25 06:55:49 -07:00
|
|
|
|
|
|
|
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")
|