Update vue toast version and implementation

This commit is contained in:
Julie Lenaerts 2024-05-29 11:37:04 +02:00
parent 436ef33dbc
commit f60a595ab6
6 changed files with 12 additions and 13 deletions

View File

@ -55,7 +55,7 @@
"vue": "^3.2.37",
"vue-i18n": "^9.1.6",
"vue-multiselect": "3.0.0-alpha.2",
"vue-toast-notification": "^2.0",
"vue-toast-notification": "^3.1.2",
"vuex": "^4.0.0"
},
"browserslist": [

View File

@ -2,10 +2,10 @@ import { createApp } from 'vue'
import { _createI18n } from 'ChillMainAssets/vuejs/_js/i18n'
import { appMessages } from './js/i18n'
import { initPromise } from './store'
import VueToast from 'vue-toast-notification';
import 'vue-toast-notification/dist/theme-sugar.css';
import App from './App.vue';
import Banner from './components/Banner.vue';
import ToastPlugin from "vue-toast-notification";
const root = window.vueRootComponent;
@ -22,7 +22,7 @@ if (root === 'app') {
})
.use(store)
.use(i18n)
.use(VueToast, {
.use(ToastPlugin, {
position: "bottom-right",
type: "error",
duration: 5000,
@ -46,7 +46,7 @@ if (root === 'banner') {
})
.use(store)
.use(i18n)
.use(VueToast, {
.use(ToastPlugin, {
position: "bottom-right",
type: "error",
duration: 5000,

View File

@ -3,7 +3,7 @@ import {_createI18n} from 'ChillMainAssets/vuejs/_js/i18n';
import {store} from './store';
import {personMessages} from 'ChillPersonAssets/vuejs/_js/i18n'
import App from './App.vue';
import VueToast from "vue-toast-notification";
import ToastPlugin from "vue-toast-notification";
const i18n = _createI18n(personMessages);
@ -12,7 +12,7 @@ const app = createApp({
})
.use(store)
.use(i18n)
.use(VueToast, {
.use(ToastPlugin, {
position: "bottom-right",
type: "error",
duration: 10000,

View File

@ -2,9 +2,9 @@ import { createApp } from 'vue';
import { _createI18n } from 'ChillMainAssets/vuejs/_js/i18n';
import { store } from './store';
import { personMessages } from 'ChillPersonAssets/vuejs/_js/i18n';
import VueToast from 'vue-toast-notification';
import 'vue-toast-notification/dist/theme-sugar.css';
import App from './App.vue';
import ToastPlugin from "vue-toast-notification";
const i18n = _createI18n(personMessages);
@ -12,7 +12,7 @@ const app = createApp({
template: `<app></app>`,
})
.use(store)
.use(VueToast, {
.use(ToastPlugin, {
position: "bottom-right",
type: "error",
duration: 10000,

View File

@ -2,8 +2,8 @@ import { createApp } from 'vue';
import { _createI18n } from 'ChillMainAssets/vuejs/_js/i18n';
import { appMessages } from './js/i18n';
import { store } from './store';
import VueToast from 'vue-toast-notification';
import 'vue-toast-notification/dist/theme-sugar.css';
import ToastPlugin from 'vue-toast-notification';
import App from './App.vue';
@ -14,7 +14,7 @@ const app = createApp({
})
.use(store)
.use(i18n)
.use(VueToast, {
.use(ToastPlugin, {
position: "bottom-right",
type: "error",
duration: 5000,

View File

@ -3,10 +3,9 @@ import { store } from "./store.js"
import { _createI18n } from 'ChillMainAssets/vuejs/_js/i18n'
import { visMessages } from './i18n'
import App from './App.vue'
import VueToast from 'vue-toast-notification';
import 'vue-toast-notification/dist/theme-sugar.css';
import './vis-network';
import ToastPlugin from "vue-toast-notification";
const i18n = _createI18n(visMessages)
const container = document.getElementById('relationship-graph')
@ -27,7 +26,7 @@ const app = createApp({
})
.use(store)
.use(i18n)
.use(VueToast, {
.use(ToastPlugin, {
position: "bottom-right",
type: "error",
duration: 5000,