tethys.backend/resources/js/Components/FormValidationErrors.vue
Arno Kaimbacher 296c8fd46e
Some checks failed
CI Pipeline / japa-tests (push) Failing after 1m13s
- added own provider for drive methods
- renamed middleware Role and Can to role_middleware and can_middleware
- added some typing for inertia vue3 components
- npm updates
2024-04-23 19:36:45 +02:00

23 lines
714 B
Vue

<script setup>
import { computed } from 'vue';
import { usePage } from '@inertiajs/vue3';
import NotificationBarInCard from '@/Components/NotificationBarInCard.vue';
// const errors = computed(() => usePage().props.errors);
// const hasErrors = computed(() => Object.keys(props.errors.value).length > 0);
const props = defineProps({
errors: Object,
});
const hasErrors = computed(() => {
return props.errors != null && Object.keys(props.errors).length > 0;
});
</script>
<template>
<NotificationBarInCard v-if="hasErrors" color="danger">
<b>Whoops! Something went wrong.</b>
<span v-for="(error, key) in errors" :key="key">{{ error }}</span>
</NotificationBarInCard>
</template>