Fix the bug of being unable to delete messages.

pages/index.vue

@@ -56,7 +56,7 @@ const fetchReply = async (message, parentMessageId) => {
   const data = Object.assign({}, currentModel.value, {
     openaiApiKey: openaiApiKey.value,
     message: message,
-    parentMessageId: parentMessageId,
+    // parentMessageId: parentMessageId,
     conversationId: currentConversation.value.id
   })
 
@@ -93,6 +93,13 @@ const fetchReply = async (message, parentMessageId) => {
           throw new Error(data.error);
         }
 
+        if (event === 'userMessageId') {
+          console.log(currentConversation.value.messages[currentConversation.value.messages.length - 1])
+          currentConversation.value.messages[currentConversation.value.messages.length - 1].id = data.userMessageId
+          console.log(currentConversation.value.messages[currentConversation.value.messages.length - 1])
+          return;
+        }
+
         if (event === 'done') {
           if (currentConversation.value.id === null) {
             currentConversation.value.id = data.conversationId
@@ -184,15 +191,7 @@ const deleteMessage = (index) => {
                 :use-prompt="usePrompt"
                 :delete-message="deleteMessage"
             />
-            <v-card
-                :color="message.is_bot ? '' : 'primary'"
-                rounded="lg"
-                elevation="2"
-            >
-              <v-card-text>
-                <MsgContent :content="message.message" />
-              </v-card-text>
-            </v-card>
+            <MsgContent :message="message" />
             <MessageActions
                 v-if="message.is_bot"
                 :message="message"