<script setup>
import { defineProps, useSlots } from 'vue';
import { useRouter } from 'vue-router';
import { ref } from 'vue';

const props = defineProps(['errors']);

</script>

<template>
  <div class="message is-danger" v-if="errors.length > 0">
    <div class="message-header">
      <p>Error{{ errors.length > 1 ? 's' : '' }}</p>
    </div>
    <div class="message-body">
      <ul>
        <li v-for="(error, index) in errors" :key="index">{{ error }}</li>
      </ul>
    </div>
  </div>
</template>

<style scoped>

</style>