|
@@ -11,6 +11,28 @@ import VueLazyLoad from 'vue3-lazyload'
|
|
|
import browser from "../utils/browser";
|
|
|
import Deferred from "@/utils/Deferred";
|
|
|
import store from '../store'
|
|
|
+import Toast from "vue-toastification";
|
|
|
+// Import the CSS or use your own!
|
|
|
+import "vue-toastification/dist/index.css";
|
|
|
+
|
|
|
+const options = {
|
|
|
+ transition: 'Vue-Toastification__bounce',
|
|
|
+ maxToasts: 3,
|
|
|
+ newestOnTop: true,
|
|
|
+ position: 'top-right',
|
|
|
+ timeout: 2000,
|
|
|
+ closeOnClick: true,
|
|
|
+ pauseOnFocusLoss: true,
|
|
|
+ pauseOnHover: false,
|
|
|
+ draggable: true,
|
|
|
+ draggablePercent: 0.7,
|
|
|
+ showCloseButtonOnHover: false,
|
|
|
+ hideProgressBar: true,
|
|
|
+ closeButton: 'button',
|
|
|
+ icon: true,
|
|
|
+ rtl: false
|
|
|
+};
|
|
|
+
|
|
|
|
|
|
|
|
|
let App;
|
|
@@ -43,7 +65,7 @@ loadLocaleMessages(i18n, local).then(() => {
|
|
|
app.locked = Deferred();
|
|
|
return app.locked;
|
|
|
};
|
|
|
-
|
|
|
+ app.use(Toast, options);
|
|
|
app.unlock = function () {
|
|
|
if (app.locked) {
|
|
|
app.locked.resolve();
|