a bunch of bug fixes and improvements

2023-04-28 00:29:06 -05:00
parent b88b3207b3
commit cb6bfd8880
10 changed files with 108 additions and 0 deletions
--- a/components/Modal.vue
+++ b/components/Modal.vue
@@ -0,0 +1,25 @@
+<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']);
+
+defineProps({
+	opened: {
+		type: Boolean,
+		required: true
+	}
+});
+</script>