25 lines
608 B
Vue
25 lines
608 B
Vue
<template>
|
|
<Message
|
|
severity="error"
|
|
size="small"
|
|
variant="simple"
|
|
>
|
|
<!-- <template #container> -->
|
|
<ul class="my-0 flex flex-col gap-1">
|
|
<li
|
|
v-for="message in context.messages"
|
|
:key="message.key"
|
|
:id="`${context.id}-${message.key}`"
|
|
:data-message-type="message.type"
|
|
>{{ message.value }}</li>
|
|
</ul>
|
|
<!-- </template> -->
|
|
</Message>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { FormKitFrameworkContext } from '@formkit/core';
|
|
import Message from 'primevue/message';
|
|
defineProps<{ context: FormKitFrameworkContext }>();
|
|
</script>
|