fix(editor): Use segments/graphemes when creating the compact sidebar…

… entries
n8n-io · Jun 17, 2024 · b2dddd9 · b2dddd9
1 parent 4541a8f
commit b2dddd9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/design-system/src/components/N8nMenuItem/MenuItem.vue b/packages/design-system/src/components/N8nMenuItem/MenuItem.vue
@@ -151,12 +151,12 @@ const isItemActive = (item: IMenuItem): boolean => {
 };
 
 const getInitials = (label: string): string => {
-	const words = label.split(' ');
+	const words = label.split(' ').map((word) => [...new Intl.Segmenter().segment(word)]);
 
 	if (words.length === 1) {
-		return words[0].substring(0, 2);
+		return words[0][0].segment + words[0][1].segment;
 	} else {
-		return words[0].charAt(0) + words[1].charAt(0);
+		return words[0][0].segment + words[1][0].segment;
 	}
 };
 </script>