From adc0934d45eb5b761578580c9c234cb5b8c0d11b Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Fri, 25 Oct 2024 17:37:04 +0700
Subject: [PATCH] refactor: allow non i118n text to be passed

---
 src/components/BadgeCompoent.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/BadgeCompoent.vue b/src/components/BadgeCompoent.vue
index 855da93e..01ebbd5f 100644
--- a/src/components/BadgeCompoent.vue
+++ b/src/components/BadgeCompoent.vue
@@ -1,18 +1,23 @@
 <script setup lang="ts">
 defineProps<{
-  titleI18n: string;
+  title?: string;
+  titleI18n?: string;
   hslaColor?: string;
 }>();
 </script>
 
 <template>
-  <span
-    class="rounded flex flex-center q-pa-xs"
+  <div
+    class="rounded q-px-sm flex-center"
     :style="`color: hsla(var(${!!hslaColor ? hslaColor : '--green-6-hsl'}) / 0.8);  background: hsla(var(${!!hslaColor ? hslaColor : '--green-6-hsl'}) / 0.1); `"
   >
     &#128900;
-    {{ $t(titleI18n) }}
-  </span>
+    {{ title || (!!titleI18n ? $t(titleI18n) : '-') }}
+  </div>
 </template>
 
-<style scoped></style>
+<style scoped>
+div {
+  display: inline-flex;
+}
+</style>