fix: correct label display for single-word inputs in UAvatar component

KinduD21 · KinduD21 · commit cd2591088d68 · 2025-12-17T15:30:33.000+02:00
diff --git a/src/ui.image-avatar/UAvatar.vue b/src/ui.image-avatar/UAvatar.vue
@@ -42,10 +42,6 @@ const avatarRef = useTemplateRef<HTMLDivElement>("avatar");
 const labelFirstLetters = computed(() => {
   if (!props.label) return "";
 
-  if (!props.label.includes(" ")) {
-    return props.label;
-  }
-
   const [firstWord, secondWord] = props.label.split(" ");
 
   const firstWordLetter = firstWord ? firstWord[0].toUpperCase() : "";
diff --git a/src/ui.image-avatar/tests/UAvatar.test.ts b/src/ui.image-avatar/tests/UAvatar.test.ts
@@ -26,7 +26,7 @@ describe("UAvatar.vue", () => {
     // Label prop with a single word
     it("displays only first letter when label has only one word", () => {
       const label = "John";
-      const expectedText = "John";
+      const expectedText = "J";
 
       const component = mount(UAvatar, {
         props: {
