Example of toaster

frontend/package-lock.json

@@ -8,8 +8,8 @@
       "name": "clyde",
       "version": "0.0.0",
       "dependencies": {
-        "toastify-js": "^1.12.0",
-        "vue": "^3.4.15"
+        "vue": "^3.4.15",
+        "vue3-toastify": "^0.2.1"
       },
       "devDependencies": {
         "@vitejs/plugin-vue": "^5.0.3",
@@ -2168,11 +2168,6 @@
         "node": ">=14.0.0"
       }
     },
-    "node_modules/toastify-js": {
-      "version": "1.12.0",
-      "resolved": "https://registry.npmjs.org/toastify-js/-/toastify-js-1.12.0.tgz",
-      "integrity": "sha512-HeMHCO9yLPvP9k0apGSdPUWrUbLnxUKNFzgUoZp1PHCLploIX/4DSQ7V8H25ef+h4iO9n0he7ImfcndnN6nDrQ=="
-    },
     "node_modules/tough-cookie": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
@@ -2402,6 +2397,27 @@
       "integrity": "sha512-0vOfAtI67UjeO1G6UiX5Kd76CqaQ67wrRZiOe7UAb9Jm6GzlUr/fC7CV90XfwapJRjpCMaZFhv1V0ajWRmE9Dg==",
       "dev": true
     },
+    "node_modules/vue3-toastify": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/vue3-toastify/-/vue3-toastify-0.2.1.tgz",
+      "integrity": "sha512-u4i5LCu1q5qs4L4Kbjb4u8NipCS8ox1fCHQ6XFS62676xnA6Q/AJRpZEkAurTMp723LeH6eQX6k9+24bKf1T4Q==",
+      "workspaces": [
+        "docs",
+        "playground"
+      ],
+      "engines": {
+        "node": ">=16",
+        "npm": ">=7"
+      },
+      "peerDependencies": {
+        "vue": ">=3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "vue": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/w3c-xmlserializer": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",