Add toast provider

This commit is contained in:
marzban-dev
2024-12-30 19:57:35 +03:30
parent b91e4a3431
commit bb715c6227
+11 -4
View File
@@ -5,11 +5,18 @@ import { VueQueryDevtools } from "@tanstack/vue-query-devtools";
<template> <template>
<div> <div>
<NuxtRouteAnnouncer /> <NuxtRouteAnnouncer />
<NuxtLayout> <NuxtLayout>
<NuxtPage /> <ToastProvider>
<div dir="ltr"> <NuxtPage />
<VueQueryDevtools dir="ltr" buttonPosition="bottom-left" /> <div dir="ltr">
</div> <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> </NuxtLayout>
</div> </div>
</template> </template>