<script setup lang="ts">
import { errorList } from "@/services/popupDisplayer.ts";
import ErrorModal from "@/components/errorModal.vue";
</script>

<template>
    <div class="error-wrapper">
        <error-modal
            v-for="elm in errorList"
            :key="elm.id"
            :error-message="elm.message"
            :error-color="elm.color"
        />
    </div>
</template>

<style scoped>
.error-wrapper {
    position: absolute;
    left: 70%;
    /*background-color: blue;*/
    height: 100%;
    width: 30%;
}
</style>
