<template>
  <div>
    <main>
      <RouterView />
    </main>
    <Toaster
      position="top-center"
      :toast-options="{
        style: {
          background: '#ddd',
          color: '#000',
          border: '1px solid rgba(255, 255, 255)',
        },
        classes: {
          title: 'text-[20px] font-bold',
          toast: 'rounded-[20px]', // 顺便统一一下你 Dialog 的圆角风格
        },
      }"
    />
  </div>
</template>

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

<style scoped></style>
