Add toast provider
This commit is contained in:
+11
-4
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user