<template>
  <div class="errors">
    <div class="errors-title">Fix these mistakes:</div>
    <li class="error" v-for="(error, index) in errors" :key="index">
      {{ error.msg }}
    </li>
  </div>
</template>

<script>
export default {
  props: ["errors"]
};
</script>

<style scoped>
.errors {
  background: rgb(255, 62, 62);
  color: white;
  padding: 10px;
}
</style>
