<template>
    <ul class="list-unstyled">
        <li class="text-danger" v-for="error in errorList" :key="error"> {{ error }} </li>
    </ul>
</template>
<script>
export default {
    props: ['errors'],
    data() {
        return {
            errorList: this.errors,
        }
    },
    watch: {
        errors: function (newErrors) {
            this.errorList = newErrors;
        }
    }
}
</script>