2021-07-27 18:47:13 +01:00
|
|
|
import "bootstrap";
|
|
|
|
import { createApp, h } from "vue";
|
|
|
|
import Toast from "vue-toastification";
|
2021-09-14 16:27:11 +01:00
|
|
|
import contenteditable from "vue-contenteditable"
|
2021-07-27 18:47:13 +01:00
|
|
|
import "vue-toastification/dist/index.css";
|
|
|
|
import App from "./App.vue";
|
|
|
|
import "./assets/app.scss";
|
2021-09-12 18:23:51 +01:00
|
|
|
import { i18n } from "./i18n";
|
2021-07-27 18:47:13 +01:00
|
|
|
import { FontAwesomeIcon } from "./icon.js";
|
2021-09-12 18:23:51 +01:00
|
|
|
import datetime from "./mixins/datetime";
|
|
|
|
import mobile from "./mixins/mobile";
|
2021-07-27 18:47:13 +01:00
|
|
|
import socket from "./mixins/socket";
|
2021-08-08 06:47:29 +01:00
|
|
|
import theme from "./mixins/theme";
|
2021-09-13 12:21:39 +01:00
|
|
|
import publicMixin from "./mixins/public";
|
|
|
|
|
2021-09-12 18:23:51 +01:00
|
|
|
import { router } from "./router";
|
2021-08-08 04:03:22 +01:00
|
|
|
import { appName } from "./util.ts";
|
2021-06-25 14:55:49 +01:00
|
|
|
|
|
|
|
const app = createApp({
|
|
|
|
mixins: [
|
|
|
|
socket,
|
2021-08-10 08:02:46 +01:00
|
|
|
theme,
|
2021-08-17 09:41:12 +01:00
|
|
|
mobile,
|
2021-09-13 12:21:39 +01:00
|
|
|
datetime,
|
|
|
|
publicMixin,
|
2021-06-25 14:55:49 +01:00
|
|
|
],
|
2021-08-08 04:03:22 +01:00
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
appName: appName
|
|
|
|
}
|
|
|
|
},
|
2021-07-27 18:47:13 +01:00
|
|
|
render: () => h(App),
|
2021-06-25 14:55:49 +01:00
|
|
|
})
|
|
|
|
|
2021-08-24 09:44:58 +01:00
|
|
|
app.use(router);
|
|
|
|
app.use(i18n);
|
2021-06-25 14:55:49 +01:00
|
|
|
|
|
|
|
const options = {
|
2021-07-27 18:47:13 +01:00
|
|
|
position: "bottom-right",
|
2021-06-25 14:55:49 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
app.use(Toast, options);
|
2021-09-14 16:27:11 +01:00
|
|
|
app.component("Editable", contenteditable);
|
|
|
|
app.component("FontAwesomeIcon", FontAwesomeIcon);
|
2021-06-25 14:55:49 +01:00
|
|
|
|
2021-09-14 16:27:11 +01:00
|
|
|
app.mount("#app");
|