<template>
  <div class="flex flex-1 w-full h-full overflow-hidden">
    <!-- 聊天窗口 -->
    <ChatWindow :bubbles="currentBubbles" @send="handleSendMessage" />
  </div>
</template>

<script setup lang="ts">
import ChatWindow from '@/components/chat/ChatWindow.vue';
import { useChat } from '@/composables/useChat';
import { useNotification } from '@/composables/useNotifition';

definePage({
  name: '消息',
})

const {
  selectedChat,
  currentBubbles,
  sendMessage,
} = useChat()



// 发送消息
const handleSendMessage = (content: string) => {
  sendMessage(content)
}
</script>

<style scoped></style>