feat(inspector): improve merged selector display

unocss · Dec 25, 2024 · 51df0e7 · 51df0e7
1 parent 9ee61ef
commit 51df0e7
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/inspector/client/components/Analyzer.vue b/packages/inspector/client/components/Analyzer.vue
@@ -50,8 +50,19 @@ const mergedSelectors = computed(() => {
     }
   })
 
-  return [...map.values()]
+  const sorted = [...map.values()]
     .sort((a, b) => b.count - a.count)
+
+  // Use name without bracket if possible
+  // `[text-sm] text-sm` -> `text-sm`
+  sorted.forEach((item) => {
+    if (item.alias) {
+      item.name = Object.keys(item.alias)
+        .sort((a, b) => b.localeCompare(a))[0]
+    }
+  })
+
+  return sorted
 })
 
 const grouped = computed(() => mergedSelectors