2024-12-02 16:07:52 +01:00
|
|
|
<template>
|
2025-07-10 05:13:42 +02:00
|
|
|
<Col class="gap-y-4">
|
|
|
|
|
<Col v-for="field in fields" :key="field.name" class="gap-1 break-words">
|
|
|
|
|
<HeadingSmall v-render-emojis="emojis">{{ field.name }}</HeadingSmall>
|
|
|
|
|
<Html v-html="field.value" v-render-emojis="emojis" />
|
|
|
|
|
</Col>
|
|
|
|
|
</Col>
|
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";
|
|
|
|
|
import Col 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>
|
