<script setup lang="ts">
import { onMounted } from 'vue'
import { useChatStore } from './stores/chat'
import { useConversationsStore } from './stores/conversations'
import AppShell from './components/layout/AppShell.vue'
import BaseToast from './components/ui/BaseToast.vue'

const chatStore = useChatStore()
const convStore = useConversationsStore()

onMounted(async () => {
  chatStore.init()
  await convStore.fetchConversations()
})
</script>

<template>
  <div class="h-screen w-screen overflow-hidden">
    <AppShell />
    <BaseToast />
  </div>
</template>
