1 files changed, 28 insertions, 0 deletions
diff --git a/day9/task5_vue/src/components/PopupMessage.vue b/day9/task5_vue/src/components/PopupMessage.vue
new file mode 100644
index 0000000..a905b4d
--- /dev/null
+++ b/day9/task5_vue/src/components/PopupMessage.vue
@@ -0,0 +1,28 @@
+<template>
+    <div ref="container" class="popupContainer">
+        {{ message }}
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "PopupMessage",
+        props: ['message'],
+    }
+</script>
+
+<style scoped>
+    .popupContainer {
+        background-color: #00ff5e;
+        padding: 30px;
+
+        font-size: 30px;
+        text-align: center;
+
+        position: fixed;
+        bottom: 0;
+
+        left: 0;
+        right: 0;
+    }
+</style>
+\ No newline at end of file