24 lines
967 B
Vue
24 lines
967 B
Vue
<script setup lang="ts">
|
|
import type { Entity } from '@triplit/client';
|
|
import type schema from '#triplit/schema';
|
|
|
|
defineProps<{
|
|
message: Readonly<Entity<typeof schema, 'messages'> & { attachments: Entity<typeof schema, 'attachments'>[] }>;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex flex-col gap-2 max-w-full bg-[var(--bg-container)] py-2 px-3 rounded-xl">
|
|
<MarkdownRenderer :finished="true" :content="message.content!" :id="message.id" />
|
|
<div v-if="message.attachments.length > 0" class="flex flex-col gap-2">
|
|
<div v-for="attachment in message.attachments" :key="attachment.id"
|
|
class="flex flex-wrap items-center gap-2">
|
|
<div
|
|
class="flex-shrink-0 rounded-lg overflow-hidden bg-[var(--bg-surface)] flex items-center justify-center">
|
|
<AttachmentDisplay :file="attachment" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|