chore(skeleton): define global message component

hywax · Dec 28, 2023 · a5ceff7 · a5ceff7
1 parent c06aa53
commit a5ceff7
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/components/Message.vue b/components/Message.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="min-h-screen flex flex-grow items-center justify-center">
+    <div class="rounded-lg bg-white p-8 text-center shadow-xl">
+      <h1 class="mb-4 text-2xl font-light">
+        {{ title }}
+      </h1>
+      <div class="text-sm">
+        <slot name="text">
+          {{ text }}
+        </slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  title: string
+  text?: string
+}
+
+defineProps<Props>()
+</script>