feat: vue-toastification plugin

DanericNetwork · Dec 20, 2023 · 559fda3 · 559fda3
1 parent 10749b7
commit 559fda3
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 12 deletions.
diff --git a/src/package-lock.json b/src/package-lock.json
diff --git a/src/package.json b/src/package.json
@@ -15,6 +15,7 @@
         "@inertiajs/vue3": "^1.0.14",
         "@vitejs/plugin-vue": "^4.5.0",
         "pinia": "^2.1.7",
-        "vue": "^3.3.8"
+        "vue": "^3.3.8",
+        "vue-toastification": "^2.0.0-rc.5"
     }
 }
diff --git a/src/resources/js/app.js b/src/resources/js/app.js
@@ -2,18 +2,21 @@ import './bootstrap';
 import { createApp, h } from 'vue'
 import { createPinia } from 'pinia'
 import { createInertiaApp } from '@inertiajs/vue3'
+import ToastPlugin from "vue-toastification";
+import "vue-toastification/dist/index.css";
 import '../vue/scss/global.scss'
 import '../vue/scss/variables.scss'
 
 createInertiaApp({
-    resolve: name => {
-        const pages = import.meta.glob('../vue/pages/**/*.vue', { eager: true })
-        return pages[`../vue/pages/${name}.vue`]
-    },
-    setup({ el, App, props, plugin }) {
-        createApp({ render: () => h(App, props) })
-            .use(plugin)
-            .use(createPinia())
-            .mount(el)
-    },
+  resolve: name => {
+    const pages = import.meta.glob('../vue/pages/**/*.vue', { eager: true })
+    return pages[`../vue/pages/${name}.vue`]
+  },
+  setup({ el, App, props, plugin }) {
+    createApp({ render: () => h(App, props) })
+      .use(plugin)
+      .use(createPinia())
+      .use(ToastPlugin)
+      .mount(el)
+  },
 })