feat: add translation promo badge (#922)

* refactor: solve ts errors

* feat: implement translation for variants

* refactor: size computed

* chore: add changeset

Author: alastair-simon

.changeset/spotty-hornets-serve.md

@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+feat: add translation to promo badge

packages/component-library/src/components/feedback-indicator/mt-promo-badge/mt-promo-badge.vue

@@ -8,6 +8,7 @@
 
 <script setup lang="ts">
 import { computed } from "vue";
+import { useI18n } from "vue-i18n";
 import MtBadge from "../mt-badge/mt-badge.vue";
 
 const props = withDefaults(
@@ -21,17 +22,40 @@ const props = withDefaults(
   },
 );
 
+const { t } = useI18n({
+  messages: {
+    en: {
+      "mt-promo-badge": {
+        new: "New",
+        beta: "Beta",
+        shopwareAi: "Shopware AI",
+      },
+    },
+    de: {
+      "mt-promo-badge": {
+        new: "Neu",
+        beta: "Beta",
+        shopwareAi: "Shopware AI",
+      },
+    },
+  },
+});
+
 const size = computed(() => {
-  const normalizedSize = String(props.size ?? "s").toLowerCase();
-  return ["s", "m", "l"].includes(normalizedSize) ? normalizedSize : "s";
+  const n = String(props.size ?? "s").toLowerCase();
+  return n === "s" ? "s" : n === "m" ? "m" : n === "l" ? "l" : "s";
 });
 
 const badgeVariant = computed(() =>
   props.variant === "shopware-ai" ? "neutral" : props.variant === "beta" ? "info" : "positive",
 );
 
 const promoText = computed(() =>
-  props.variant === "shopware-ai" ? "Shopware AI" : props.variant === "new" ? "New" : "Beta",
+  props.variant === "shopware-ai"
+    ? t("mt-promo-badge.shopwareAi")
+    : props.variant === "new"
+      ? t("mt-promo-badge.new")
+      : t("mt-promo-badge.beta"),
 );
 
 const badgeIcon = computed(() =>