add translation for mt-banner

shopware · Oct 9, 2024 · 54b5fa4 · 54b5fa4
1 parent b5eb36a
commit 54b5fa4
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/.changeset/chilled-apricots-grab.md 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
@@ -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<{