Update vue toast version and implementation

package.json

@@ -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": [

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/index.js

@@ -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,

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/index.js

@@ -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,

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/index.js

@@ -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,

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/index.js

@@ -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,

src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/index.js

@@ -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,