Content Formatting

[saltytostitos]

I noticed a issue with formatting of the content returned from the models.

REFERENCE: Currently unwrapping the <p /> tag in the MDC Component. This is causing the text to collapse and break formatting. Notice the paragraph below has no paragraph spacing.

The ProseP component has a my-8 (or some number) adding padding, so removing the unwrap fixes some formatting here, but still struggles with copy/paste if pasting into an email.

I am currently over-riding the ProseP component with:

<template>
  <ProseP v-bind="$attrs" class="my-0"><slot /></ProseP><br />
</template>

This seems to make the appearance on screen and the copy/paste to email happy!

Love the chat app!

[edit]

Forgot to mention, the <br /> is kind of sloppy, so it needs to be hidden on the UChatMessages root:

:ui="{
        root: '[&>article]:last-of-type:min-h-auto [&_br:last-child]:hidden',
      }"

[Mateleo]

Good catch @saltytostitos overriding ProseP fixed the issue for me