From eb62c7c53c966c105b80e1069ea226e8e44bda85 Mon Sep 17 00:00:00 2001
From: Abdullah Alhazmy <me@alhazmy13.net>
Date: Wed, 1 May 2024 12:26:10 +0300
Subject: [PATCH] Update GitHubTrending.vue

---
 src/components/Widgets/GitHubTrending.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/Widgets/GitHubTrending.vue b/src/components/Widgets/GitHubTrending.vue
index 87e6842c..7c52f006 100644
--- a/src/components/Widgets/GitHubTrending.vue
+++ b/src/components/Widgets/GitHubTrending.vue
@@ -6,6 +6,7 @@
       <p class="repo-name">{{ repo.name }}</p>
       <div class="star-wrap">
         <p class="all-stars" v-if="repo.stars">{{ repo.stars | formatStars }}</p>
+        <p class="new-stars" v-if="repo.newStars">↑{{ repo.newStars | formatStars }}</p>
       </div>
       <a class="repo-link" :href="repo.link">{{ repo.slug }}</a>
       <p class="repo-desc">{{ repo.desc }}</p>
@@ -79,6 +80,7 @@ export default {
           link: "https://github.com" + repo.repo,
           stars: repo.stars,
           forks: repo.forks,
+          newStars: repo.change,
           avatar: repo.build_by[0] || 'https://github.com/fluidicon.png',
         });
       });
@@ -138,6 +140,11 @@ export default {
             font-size: 1.2rem;
             font-weight: bold;
           }
+          &.new-stars {
+            font-size: 0.8rem;
+            color: var(--success);
+            opacity: var(--dimming-factor);
+          }
         }
       }
     }