From 462a220d3dc94003ae117f4d85b7fb33f9b02161 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Tue, 11 Feb 2025 12:58:40 +0100
Subject: [PATCH] feat(ui): add alignment props on alert component

---
 front/src/components/ui/Alert.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/front/src/components/ui/Alert.vue b/front/src/components/ui/Alert.vue
index 95f7ddda3..23f27fcbe 100644
--- a/front/src/components/ui/Alert.vue
+++ b/front/src/components/ui/Alert.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { type PastelProps, color } from '~/composables/color'
+import { type AlignmentProps, align } from '~/composables/alignment'
 
-export type Props = PastelProps
+export type Props = PastelProps & AlignmentProps
 
 const props = defineProps<Props>()
 </script>
@@ -9,7 +10,8 @@ const props = defineProps<Props>()
 <template>
   <div
     class="funkwhale is-colored solid alert"
-    v-bind="color(props)()"
+    role="alert"
+    v-bind="color(align(props)())"
   >
     <slot />