From 86fa56d0206536bf794cf083cd5318604247f75b Mon Sep 17 00:00:00 2001
From: Muhammad Salman <muhdsalm44@gmail.com>
Date: Fri, 12 Jul 2024 21:03:34 +0500
Subject: [PATCH] feat[#78]: when clicking a tag name under a guide, it doesn't
 trigger filter to display all guides under the tag

---
 src/views/CollectionView.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/views/CollectionView.vue b/src/views/CollectionView.vue
index 62a2a81..1e64f41 100644
--- a/src/views/CollectionView.vue
+++ b/src/views/CollectionView.vue
@@ -68,8 +68,8 @@
             </h4>
             <p class="text-gray-700 dark:text-gray-300 mb-4">{{ article.Description }}</p>
             <div class="flex flex-wrap gap-2 mt-2 mb-4">
-              <span v-for="tag in article.Tags" :key="tag"
-                class="inline-block bg-blue-100 dark:bg-gray-800 text-blue-800 dark:text-blue-200 rounded-full px-3 py-1 text-xs font-medium">
+              <span v-for="tag in article.Tags" :key="tag" @click="setTag(tag)"
+                class="inline-block bg-blue-100 dark:bg-gray-800 text-blue-800 dark:text-blue-200 rounded-full px-3 py-1 text-xs font-medium cursor-pointer">
                 {{ tag }}
               </span>
             </div>
@@ -178,6 +178,9 @@ export default defineComponent({
         document.head.appendChild(meta);
       }
     },
+    setTag(tag: string) {
+        this.selectedTags = [tag as never]
+    }
   },
 });
 </script>