From bb715c62275a1625d08a8fbaa4415e57e2f63b87 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Mon, 30 Dec 2024 19:57:35 +0330
Subject: [PATCH] Add toast provider

---
 frontend/app.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/app.vue b/frontend/app.vue
index 2cf361f..7cd4dbe 100644
--- a/frontend/app.vue
+++ b/frontend/app.vue
@@ -5,11 +5,18 @@ import { VueQueryDevtools } from "@tanstack/vue-query-devtools";
 <template>
     <div>
         <NuxtRouteAnnouncer />
+
         <NuxtLayout>
-            <NuxtPage />
-            <div dir="ltr">
-                <VueQueryDevtools dir="ltr" buttonPosition="bottom-left" />
-            </div>
+            <ToastProvider>
+                <NuxtPage />
+                <div dir="ltr">
+                    <VueQueryDevtools dir="ltr" buttonPosition="bottom-left" />
+                </div>
+                <ToastContainer />
+                <ToastViewport
+                    class="[--viewport-padding:_25px] fixed bottom-0 right-0 flex flex-col p-[var(--viewport-padding)] gap-[10px] w-[390px] max-w-[100vw] m-0 list-none z-[2147483647] outline-none"
+                />
+            </ToastProvider>
         </NuxtLayout>
     </div>
 </template>