From 391dc4a5846503c6966fae0853bbd88c9031394e Mon Sep 17 00:00:00 2001
From: Nils <haberkamp.n@gmail.com>
Date: Wed, 9 Oct 2024 16:04:13 +0200
Subject: [PATCH] add translation for mt-banner

---
 .changeset/chilled-apricots-grab.md               |  5 +++++
 .../feedback-indicator/mt-banner/mt-banner.vue    | 15 +++++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/chilled-apricots-grab.md

diff --git a/.changeset/chilled-apricots-grab.md b/.changeset/chilled-apricots-grab.md
new file mode 100644
index 000000000..7dde86221
--- /dev/null
+++ b/.changeset/chilled-apricots-grab.md
@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+Add translation for mt-banner
diff --git a/packages/component-library/src/components/feedback-indicator/mt-banner/mt-banner.vue b/packages/component-library/src/components/feedback-indicator/mt-banner/mt-banner.vue
index 7a4403088..666285f8d 100644
--- a/packages/component-library/src/components/feedback-indicator/mt-banner/mt-banner.vue
+++ b/packages/component-library/src/components/feedback-indicator/mt-banner/mt-banner.vue
@@ -23,8 +23,7 @@
     <button
       v-if="closable"
       class="mt-banner__close"
-      aria-label="Schließen"
-      title="Schließen"
+      :aria-label="t('close')"
       @click.prevent="$emit('close', bannerIndex)"
     >
       <mt-icon name="solid-times-s" />
@@ -37,6 +36,18 @@ import { computed } from "vue";
 import MtIcon from "../../icons-media/mt-icon/mt-icon.vue";
 import MtText from "@/components/content/mt-text/mt-text.vue";
 import { useFutureFlags } from "@/composables/useFutureFlags";
+import { useI18n } from "@/composables/useI18n";
+
+const { t } = useI18n({
+  messages: {
+    de: {
+      close: "Schließen",
+    },
+    en: {
+      close: "Close",
+    },
+  },
+});
 
 const props = withDefaults(
   defineProps<{