Skip to content

UI Pro: ChatMessage: parts prop not working and content prop is required even when using parts #4685

@abhishekvash

Description

@abhishekvash

Environment

Is this bug related to Nuxt or Vue?

Nuxt

Version

3.1.3

Reproduction

Description

Description

The UChatMessage component has two issues with the parts prop:

  1. The parts prop appears to be completely non-functional - it doesn't render any parts regardless of configuration
  2. The content prop is required even when using parts, but providing both causes conflicts

Expected Behavior

  1. When parts prop is provided, it should render structured message content (text, reasoning, tool invocations, etc.) as documented
  2. The content prop should be optional when parts is provided, or at minimum not interfere with parts rendering

Actual Behavior

  1. The parts prop doesn't render anything - no text parts, reasoning parts, or tool invocation parts appear
  2. Removing the content prop causes Vue warnings about missing required prop and the page doesn't render at all
  3. When both content and parts are provided, only the content is shown

Reproduction Steps

  1. Test parts alone (breaks completely):
  2. Result: Vue warning "Missing required prop: 'content'" and nothing renders
  3. Test parts with content (parts ignored):
  4. Result: Only "Main message" displays, reasoning part is completely ignored
  5. Test different part types:
  6. Result: Only "fallback" content shows, no parts render

Additional context

No response

Logs

Metadata

Metadata

Assignees

Labels

v4#4488

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions