From cb9ac99295a0fd2517b805c2e53049313a1d8252 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Wed, 27 Nov 2024 12:27:37 +0100
Subject: [PATCH] add: icon in tag

---
 app/pages/portfolio/index.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/pages/portfolio/index.vue b/app/pages/portfolio/index.vue
index 747f823..25a1438 100644
--- a/app/pages/portfolio/index.vue
+++ b/app/pages/portfolio/index.vue
@@ -88,7 +88,10 @@ function updateTag(index: number) {
                 size="sm"
                 :ui="{ rounded: 'rounded-full' }"
               >
-                {{ TAGS.find(color => color.label.toLowerCase() === tag)?.label }}
+                <div class="flex gap-1 items-center">
+                  <UIcon :name="TAGS.find(icon => icon.label.toLowerCase() === tag)?.icon" size="16" />
+                  <p>{{ TAGS.find(color => color.label.toLowerCase() === tag)?.label }}</p>
+                </div>
               </UBadge>
             </ClientOnly>
           </div>