From 4c5bb3f114084b2ab14ef06da1893e5d1f92b4e2 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Sat, 15 Jun 2024 16:26:47 +0200
Subject: [PATCH] feat: improve message types

---
 frontend/src/components/misc/Message.vue | 24 ++++++++++--------------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/misc/Message.vue b/frontend/src/components/misc/Message.vue
index 1057339bf..16f8e8dc0 100644
--- a/frontend/src/components/misc/Message.vue
+++ b/frontend/src/components/misc/Message.vue
@@ -10,29 +10,25 @@
 </template>
 
 <script lang="ts" setup>
-import {computed, type PropType} from 'vue'
+import {computed} from 'vue'
 
-const props = defineProps({
-	variant: {
-		type: String,
-		default: 'info',
-	},
-	textAlign: {
-		type: String as PropType<textAlignVariants>,
-		default: 'left',
-	},
+const props = withDefaults(defineProps<{
+	variant?: 'info' | 'danger' | 'warning' | 'success',
+	textAlign?: TextAlignVariant
+}>(), {
+	variant: 'info',
+	textAlign: 'left',
 })
 
-const TEXT_ALIGN_MAP = Object.freeze({
+const TEXT_ALIGN_MAP = {
 	left: '',
 	center: 'has-text-centered',
 	right: 'has-text-right',
-})
+} as const
 
-type textAlignVariants = keyof typeof TEXT_ALIGN_MAP
+export type TextAlignVariant = keyof typeof TEXT_ALIGN_MAP
 
 const textAlignClass = computed(() => TEXT_ALIGN_MAP[props.textAlign])
-
 </script>
 
 <style lang="scss" scoped>