diff --git a/src/runtime/components/ChatMessages.vue b/src/runtime/components/ChatMessages.vue
index 3b9d81c27c..1116440cb6 100644
--- a/src/runtime/components/ChatMessages.vue
+++ b/src/runtime/components/ChatMessages.vue
@@ -313,17 +313,18 @@ onMounted(() => {
     :style="{ '--last-message-height': `${lastMessageHeight}px` }"
   >
     <slot>
-      <UChatMessage
-        v-for="message in messages"
-        :key="message.id"
-        v-bind="{ ...(message.role === 'user' ? userProps : assistantProps), ...message }"
-        :ref="el => registerMessageRef(message.id, el as ComponentPublicInstance)"
-        :compact="compact"
-      >
-        <template v-for="(_, name) in getProxySlots()" #[name]="slotData">
-          <slot :name="name" v-bind="(slotData as any)" :message="message" />
-        </template>
-      </UChatMessage>
+      <template v-for="message in messages" :key="message.id">
+        <UChatMessage
+          v-if="message.parts?.length"
+          v-bind="{ ...(message.role === 'user' ? userProps : assistantProps), ...message }"
+          :ref="el => registerMessageRef(message.id, el as ComponentPublicInstance)"
+          :compact="compact"
+        >
+          <template v-for="(_, name) in getProxySlots()" #[name]="slotData">
+            <slot :name="name" v-bind="(slotData as any)" :message="message" />
+          </template>
+        </UChatMessage>
+      </template>
     </slot>
 
     <UChatMessage