From 8c554465f6e4b6c6d0c00e76c7f57ab07454caa0 Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Sat, 6 Sep 2025 11:48:22 +0800
Subject: [PATCH] refactor: replace font awesome with iconpark in search
 dropdown

---
 frontend_nuxt/components/SearchDropdown.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend_nuxt/components/SearchDropdown.vue b/frontend_nuxt/components/SearchDropdown.vue
index 7489be8b4..b5ea366e9 100644
--- a/frontend_nuxt/components/SearchDropdown.vue
+++ b/frontend_nuxt/components/SearchDropdown.vue
@@ -24,7 +24,7 @@
       </template>
       <template #option="{ option }">
         <div class="search-option-item">
-          <i :class="['result-icon', iconMap[option.type]]"></i>
+          <component :is="iconMap[option.type]" class="result-icon" />
           <div class="result-body">
             <div class="result-main" v-html="highlight(option.text)"></div>
             <div v-if="option.subText" class="result-sub" v-html="highlight(option.subText)"></div>
@@ -83,11 +83,12 @@ const highlight = (text) => {
 }
 
 const iconMap = {
-  user: 'fas fa-user',
-  post: 'fas fa-file-alt',
-  comment: 'fas fa-comment',
-  category: 'fas fa-folder',
-  tag: 'fas fa-hashtag',
+  user: 'UserIcon',
+  post: 'FileText',
+  post_title: 'FileText',
+  comment: 'CommentIcon',
+  category: 'Inbox',
+  tag: 'TagOne',
 }
 
 watch(selected, (val) => {