delete works

src/components/chat_message_list/chat_message_list.js

@@ -22,6 +22,7 @@ const ChatMessageList = {
       hoveredMessageChainId: undefined,
     }
   },
+  emits: ['messageDelete'],
   computed: {
     chatItems() {
       const messages = [
@@ -104,6 +105,9 @@ const ChatMessageList = {
     onMessageHover({ isHovered, messageChainId }) {
       this.hoveredMessageChainId = isHovered ? messageChainId : undefined
     },
+    onMessageDelete({ messageId, chatId }) {
+      this.$emit('messageDelete', { messageId, chatId })
+    },
   },
 }
 

src/components/chat_message_list/chat_message_list.vue

@@ -6,6 +6,7 @@
       :chat-item="chatItem"
       :hovered-message-chain="chatItem.messageChainId === hoveredMessageChainId"
       @hover="onMessageHover"
+      @delete="onMessageDelete"
     />
   </div>
 </template>