2024-12-02 16:07:52 +01:00
|
|
|
<template>
|
2025-12-09 22:32:22 +01:00
|
|
|
<Column class="gap-y-4">
|
|
|
|
|
<Column
|
|
|
|
|
v-for="field in fields"
|
|
|
|
|
:key="field.name"
|
|
|
|
|
class="gap-1 break-words"
|
|
|
|
|
>
|
|
|
|
|
<HeadingSmall v-render-emojis="emojis">
|
|
|
|
|
{{ field.name }}
|
|
|
|
|
</HeadingSmall>
|
2026-01-09 21:47:12 +01:00
|
|
|
<Html v-html="field.value" v-render-emojis="emojis" />
|
2025-12-09 22:32:22 +01:00
|
|
|
</Column>
|
|
|
|
|
</Column>
|
2024-12-02 16:07:52 +01:00
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
2025-05-26 11:19:15 +02:00
|
|
|
import type { CustomEmoji, Field } from "@versia/client/schemas";
|
|
|
|
|
import type { z } from "zod";
|
2025-07-10 05:13:42 +02:00
|
|
|
import HeadingSmall from "~/components/typography/headings/small.vue";
|
|
|
|
|
import Html from "../typography/html.vue";
|
2025-12-09 22:32:22 +01:00
|
|
|
import Column from "../typography/layout/col.vue";
|
2024-12-02 16:07:52 +01:00
|
|
|
|
|
|
|
|
defineProps<{
|
2025-05-26 11:19:15 +02:00
|
|
|
fields: z.infer<typeof Field>[];
|
|
|
|
|
emojis: z.infer<typeof CustomEmoji>[];
|
2024-12-02 16:07:52 +01:00
|
|
|
}>();
|
2025-05-26 11:19:15 +02:00
|
|
|
</script>
|
