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',
}"
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
ProsePcomponent 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
ProsePcomponent with: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 theUChatMessagesroot::ui="{ root: '[&>article]:last-of-type:min-h-auto [&_br:last-child]:hidden', }"