From 1ce10f9f9eb1f98c8b12dcbd3b485e6e2b04c3ad Mon Sep 17 00:00:00 2001
From: Gabriel Cozma <me@gabs.eu.org>
Date: Thu, 29 Aug 2024 14:48:53 +0300
Subject: [PATCH] feat: make tags in article's card be clickable

---
 custom/ArticleList.scss               |  5 +++++
 docs/.vitepress/theme/ArticleList.vue | 12 ++++++++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/custom/ArticleList.scss b/custom/ArticleList.scss
index 64b74fa..0cdfed3 100644
--- a/custom/ArticleList.scss
+++ b/custom/ArticleList.scss
@@ -41,6 +41,10 @@
       }
     }
 
+    .tags span {
+      cursor: pointer;
+    }
+
     &.archive {
       background-color: #ff00dd11;
 
@@ -85,6 +89,7 @@
 
       .tags span {
         background-color: #5b4f001d;
+        cursor: pointer;
 
         @media (prefers-color-scheme: dark) {
           background-color: #ffff0037;
diff --git a/docs/.vitepress/theme/ArticleList.vue b/docs/.vitepress/theme/ArticleList.vue
index c137b33..b6e5600 100644
--- a/docs/.vitepress/theme/ArticleList.vue
+++ b/docs/.vitepress/theme/ArticleList.vue
@@ -49,10 +49,14 @@
             </span>
           </p>
           <div class="tags" v-if="post.tags">
-            <span v-if="typeof post.tags === 'string'" :key="post.tags">{{
-              post.tags
-            }}</span>
-            <span v-else v-for="tag in post.tags" :key="tag">{{ tag }}</span>
+            <span
+              v-if="typeof post.tags === 'string'"
+              :key="post.tags"
+              @click="filterPosts(post.tags)"
+              >{{ post.tags }}</span
+            >
+            <span v-else v-for="tag in post.tags" :key="tag" @click="filterPosts(tag)"
+            >{{ tag }}</span>
           </div>
         </div>
       </article>