frontend/app/components/ui/sonner/Sonner.vue
2025-12-09 22:32:22 +01:00

20 lines
432 B
Vue

<script lang="ts" setup>
import { Toaster as Sonner, type ToasterProps } from "vue-sonner";
import "vue-sonner/style.css";
const props = defineProps<ToasterProps>();
</script>
<template>
<Sonner
class="toaster group"
v-bind="props"
:style="{
'--normal-bg': 'var(--popover)',
'--normal-text': 'var(--popover-foreground)',
'--normal-border': 'var(--border)',
}"
/>
</template>