docs: format stars

Author: logaretm

docs/src/components/StarCount.vue

@@ -6,7 +6,7 @@
     class="flex items-center text-xs font-bold font-body border-2 text-zinc-400 border-zinc-400 rounded-full px-3 py-1.5 hover:border-emerald-500 hover:text-emerald-500 select-none"
   >
     <Icon name="star" class="w-4 h-4 mr-1" />
-    {{ count }}
+    {{ format(count) }}
   </a>
 </template>
 
@@ -19,6 +19,10 @@ const props = defineProps<{
   initialCount?: number;
 }>();
 
+function format(number: number) {
+  return number.toLocaleString();
+}
+
 const count = ref(props.initialCount || 10000);
 
 onMounted(async () => {