From 6672190760066052914b63a8bf742723bba6907e Mon Sep 17 00:00:00 2001
From: Soulter <905617992@qq.com>
Date: Mon, 20 Oct 2025 18:19:06 +0800
Subject: [PATCH] feat: add star count display and fetch functionality in
 sidebar

---
 .../full/vertical-sidebar/VerticalSidebar.vue | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/dashboard/src/layouts/full/vertical-sidebar/VerticalSidebar.vue b/dashboard/src/layouts/full/vertical-sidebar/VerticalSidebar.vue
index aca21acad..d21321fc3 100644
--- a/dashboard/src/layouts/full/vertical-sidebar/VerticalSidebar.vue
+++ b/dashboard/src/layouts/full/vertical-sidebar/VerticalSidebar.vue
@@ -11,6 +11,7 @@ const customizer = useCustomizerStore();
 const sidebarMenu = shallowRef(sidebarItems);
 
 const showIframe = ref(false);
+const starCount = ref(null);
 
 const sidebarWidth = ref(235);
 const minSidebarWidth = 200;
@@ -176,6 +177,25 @@ function startSidebarResize(event) {
   document.addEventListener('mouseup', onMouseUpResize);
 }
 
+function formatNumber(num) {
+  return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+}
+
+async function fetchStarCount() {
+  try {
+    const response = await fetch('https://cloud.astrbot.app/api/v1/github/repo-info');
+    const data = await response.json();
+    if (data.data && data.data.stargazers_count) {
+      starCount.value = data.data.stargazers_count;
+      console.debug('Fetched star count:', starCount.value);
+    }
+  } catch (error) {
+    console.debug('Failed to fetch star count:', error);
+  }
+}
+
+fetchStarCount();
+
 </script>
 
 <template>
@@ -204,6 +224,13 @@ function startSidebarResize(event) {
         </v-btn>
         <v-btn style="margin-bottom: 8px;" size="small" variant="plain" @click="openIframeLink('https://github.com/AstrBotDevs/AstrBot')">
           {{ t('core.navigation.github') }}
+           <v-chip
+            v-if="starCount"
+            size="x-small"
+            variant="outlined"
+            class="ml-2"
+            style="font-weight: normal;"
+          >{{ formatNumber(starCount) }}</v-chip>
         </v-btn>
       </div>
     </div>