基于vue3实现的聊天机器人前端（附代码）

[code]<template>
  <div class="container">
    <!-- 页面头部 -->
    <header>
      <h1>跟它说说话吧！</h1>
      <p>一个活泼的伙伴，为你提供情感支持！</p>
    </header>
    <!-- 聊天容器 -->
    <div class="chat-container">
      <!-- 聊天记录显示区 -->
      <div id="chatbox" ref="chatbox" class="chatbox"></div>
      <!-- 输入框和发送按钮 -->
      <div class="input-container">
        <input v-model="message" @keydown.enter="sendMessage" placeholder="输入消息...">
        <button @click="sendMessage">