Add toast provider

2024-12-30 19:57:35 +03:30
parent b91e4a3431
commit bb715c6227
1 changed files with 11 additions and 4 deletions
@@ -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>