frontend/app/components/profiles/profile-fields.vue
Jesse Wierzbinski 7f7cf20311
Some checks failed
CodeQL / Analyze (javascript) (push) Failing after 1s
Deploy to GitHub Pages / build (push) Failing after 1s
Deploy to GitHub Pages / deploy (push) Has been skipped
Docker / build (push) Failing after 1s
Mirror to Codeberg / Mirror (push) Failing after 1s
chore: ⬆️ Upgrade to Nuxt 4
2025-07-16 07:48:39 +02:00

22 lines
702 B
Vue

<template>
<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>
</template>
<script lang="ts" setup>
import type { CustomEmoji, Field } from "@versia/client/schemas";
import type { z } from "zod";
import HeadingSmall from "~/components/typography/headings/small.vue";
import Html from "../typography/html.vue";
import Col from "../typography/layout/col.vue";
defineProps<{
fields: z.infer<typeof Field>[];
emojis: z.infer<typeof CustomEmoji>[];
}>();
</script>