34 lines
706 B
Vue
34 lines
706 B
Vue
<template>
|
|
<div class="error-message">
|
|
<ul v-if="Array.isArray(message)">
|
|
<li v-for="(subMessage, index) in message" :key="index">
|
|
{{ $t(subMessage) }}
|
|
</li>
|
|
</ul>
|
|
<div v-else>{{ $t(message) }}</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { toRefs } from 'vue'
|
|
|
|
interface Props {
|
|
message: string | string[]
|
|
}
|
|
const props = defineProps<Props>()
|
|
const { message } = toRefs(props)
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import '~@/scss/vars.scss';
|
|
.error-message {
|
|
background: var(--error-background-color);
|
|
color: var(--error-color);
|
|
|
|
border-radius: 4px;
|
|
|
|
margin: $default-margin;
|
|
padding: $default-padding;
|
|
}
|
|
</style>
|