31 lines
617 B
Vue
31 lines
617 B
Vue
|
<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>
|