From 9a3069c20d3011c61b9b4a54c11f6e153c444886 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Tue, 21 Dec 2021 16:07:38 +0100
Subject: [PATCH] fix: propType validation in message.vue

---
 src/components/misc/message.vue | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/components/misc/message.vue b/src/components/misc/message.vue
index 37d71eef..7ff84f9f 100644
--- a/src/components/misc/message.vue
+++ b/src/components/misc/message.vue
@@ -7,7 +7,15 @@
 </template>
 
 <script lang="ts" setup>
-import {computed} from 'vue'
+import {computed, PropType} from 'vue'
+
+const TEXT_ALIGN_MAP = Object.freeze({
+	left: '',
+	center: 'has-text-centered',
+	right: 'has-text-right',
+})
+
+type textAlignVariants = keyof typeof TEXT_ALIGN_MAP
 
 const props = defineProps({
 	variant: {
@@ -15,21 +23,12 @@ const props = defineProps({
 		default: 'info',
 	},
 	textAlign: {
-		type: String,
+		type: String as PropType<textAlignVariants>,
 		default: 'left',
 	},
 })
 
-const textAlignClass = computed(() => {
-	switch (props.textAlign) {
-		case 'left':
-			return ''
-		case 'right':
-			return 'has-text-right'
-		case 'center':
-			return 'has-text-centered'
-	}
-})
+const textAlignClass = computed(() => TEXT_ALIGN_MAP[props.textAlign])
 
 </script>