Initial commit

.laravel-guide/resources/js/components/FormValidationErrors.vue

@@ -0,0 +1,16 @@
+<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(errors.value).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>