<script setup lang="ts">
import { RouterView } from 'vue-router'
import 'vue-sonner/style.css'
import { Toaster } from '@/components/ui/sonner'
</script>

<template>
  <div>
    <main>
      <RouterView />
    </main>
    <Toaster
      position="top-center"
      :toast-options="{
        style: {
          background: '#000000',
          color: '#ffffff',
          border: '1px solid rgba(255, 255, 255, 0.1)',
        },
      }"
    />
  </div>
</template>

<style scoped></style>
