refactor: Update MessageCard.vue to conditionally render VCardTitle component based on message properties

This commit is contained in:
jxxghp
2024-09-09 09:12:50 +08:00
parent aa7b4a0e94
commit df057ebe4d
+2 -2
View File
@@ -57,12 +57,12 @@ function replaceNewLine(value: string) {
/> />
</div> </div>
<div <div
v-if="props.message?.title && !props.message?.image" v-if="props.message?.title && !props.message?.image && !props.message?.note"
class="rounded-md text-body-1 py-2 px-4 elevation-2 bg-primary text-white chat-right mb-1" 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> <p class="mb-0">{{ props.message?.title }}</p>
</div> </div>
<VCardTitle v-if="props.message?.title && props.message?.image"> <VCardTitle v-else-if="props.message?.title">
{{ props.message?.title }} {{ props.message?.title }}
</VCardTitle> </VCardTitle>
<div <div