From aa7b4a0e940999879a4da22f9e00b96ed5290c33 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 9 Sep 2024 09:10:48 +0800
Subject: [PATCH] refactor: Update MessageCard.vue to conditionally render
 VCardTitle component based on message properties

---
 src/components/cards/MessageCard.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/cards/MessageCard.vue b/src/components/cards/MessageCard.vue
index 49e0324f..c690257e 100644
--- a/src/components/cards/MessageCard.vue
+++ b/src/components/cards/MessageCard.vue
@@ -57,11 +57,14 @@ function replaceNewLine(value: string) {
       />
     </div>
     <div
-      v-if="props.message?.title"
+      v-if="props.message?.title && !props.message?.image"
       class="rounded-md text-body-1 py-2 px-4 elevation-2 bg-primary text-white chat-right mb-1"
     >
       <p class="mb-0">{{ props.message?.title }}</p>
     </div>
+    <VCardTitle v-if="props.message?.title && props.message?.image">
+      {{ props.message?.title }}
+    </VCardTitle>
     <div
       v-if="props.message?.text && props.message?.action === 0"
       class="rounded-md text-body-1 py-2 px-4 elevation-2 bg-primary text-white chat-right mb-1"