dockerize, composte, and various improvements

components/Modal.vue

@@ -1,18 +1,3 @@
-<template>
-  <Teleport to="body">
-    <div 
-      v-if="opened"
-      class="absolute z-10 top-0 bottom-0 left-0 right-0"
-    >
-      <slot />
-      <div
-        class="bg-black/70 w-screen h-screen"
-        @click="$emit('close')"
-      />
-    </div>
-  </Teleport>
-</template>
-
 <script setup lang="ts">
 defineEmits(['close']);
 
@@ -22,4 +7,19 @@ defineProps({
 		required: true
 	}
 });
-</script>
+</script>
+
+<template>
+  <Teleport to="body">
+    <div 
+      v-if="opened"
+      class="absolute z-10 top-0 bottom-0 left-0 right-0 text-[#fefefe]"
+    >
+      <slot />
+      <div
+        class="bg-black/70 w-screen h-screen"
+        @click="$emit('close')"
+      />
+    </div>
+  </Teleport>
+</template>