From 54dccbef4c54819136d667c7837be442e216386f Mon Sep 17 00:00:00 2001
From: RockYang <yangjian102621@gmail.com>
Date: Fri, 21 Apr 2023 14:20:04 +0800
Subject: [PATCH] render <br> tag for ChatPlus page

---
 web/src/components/plus/ChatPrompt.vue | 2 +-
 web/src/views/Chat.vue                 | 4 ++--
 web/src/views/ChatPlus.vue             | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/components/plus/ChatPrompt.vue b/web/src/components/plus/ChatPrompt.vue
index e615bb0f..ece7c589 100644
--- a/web/src/components/plus/ChatPrompt.vue
+++ b/web/src/components/plus/ChatPrompt.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="chat-line chat-line-right">
     <div class="chat-item">
-      <div class="content">{{ content }}</div>
+      <div class="content" v-html="content"></div>
       <div class="triangle"></div>
     </div>
 
diff --git a/web/src/views/Chat.vue b/web/src/views/Chat.vue
index af2ebcfa..973c11cf 100644
--- a/web/src/views/Chat.vue
+++ b/web/src/views/Chat.vue
@@ -128,7 +128,7 @@
 import {defineComponent, nextTick} from 'vue'
 import ChatPrompt from "@/components/ChatPrompt.vue";
 import ChatReply from "@/components/ChatReply.vue";
-import {isMobile, randString} from "@/utils/libs";
+import {isMobile, randString, renderInputText} from "@/utils/libs";
 import {ElMessage, ElMessageBox} from 'element-plus'
 import {Tools, Lock, Delete, VideoPause, RefreshRight} from '@element-plus/icons-vue'
 import ConfigDialog from '@/components/ConfigDialog.vue'
@@ -401,7 +401,7 @@ export default defineComponent({
         type: "prompt",
         id: randString(32),
         icon: 'images/avatar/user.png',
-        content: this.inputValue
+        content: renderInputText(this.inputValue)
       });
 
       this.sending = true;
diff --git a/web/src/views/ChatPlus.vue b/web/src/views/ChatPlus.vue
index 6fe641b3..0e781f63 100644
--- a/web/src/views/ChatPlus.vue
+++ b/web/src/views/ChatPlus.vue
@@ -175,7 +175,7 @@
 import {defineComponent, nextTick} from 'vue'
 import ChatPrompt from "@/components/plus/ChatPrompt.vue";
 import ChatReply from "@/components/plus/ChatReply.vue";
-import {isMobile, randString} from "@/utils/libs";
+import {isMobile, randString, renderInputText} from "@/utils/libs";
 import {ElMessage, ElMessageBox} from 'element-plus'
 import {
   Tools,
@@ -486,7 +486,7 @@ export default defineComponent({
         type: "prompt",
         id: randString(32),
         icon: 'images/avatar/user.png',
-        content: this.inputValue
+        content: renderInputText(this.inputValue)
       });
 
       this.sending = true;