chore: migrate user page icons to IconPark

refactor: switch notification icons to iconpark

frontend_nuxt/components/BaseTimeline.vue

@@ -7,7 +7,11 @@
         @click="item.iconClick && item.iconClick()"
       >
         <BaseImage v-if="item.src" :src="item.src" class="timeline-img" alt="timeline item" />
-        <i v-else-if="item.icon" :class="item.icon"></i>
+        <component
+          v-else-if="item.icon && (typeof item.icon !== 'string' || !item.icon.includes(' '))"
+          :is="item.icon"
+          :size="20"
+        />
         <BaseImage v-else-if="item.emoji" :src="item.emoji" class="timeline-emoji" alt="emoji" />
       </div>
       <div class="timeline-content">

frontend_nuxt/components/TagSelect.vue

@@ -10,14 +10,14 @@
     <template #option="{ option }">
       <div class="option-container">
         <div class="option-main">
-          <template v-if="option.icon">
+          <template v-if="option.smallIcon || option.icon">
             <BaseImage
-              v-if="isImageIcon(option.icon)"
-              :src="option.icon"
+              v-if="isImageIcon(option.smallIcon || option.icon)"
+              :src="option.smallIcon || option.icon"
               class="option-icon"
               :alt="option.name"
             />
-            <i v-else :class="['option-icon', option.icon]"></i>
+            <component v-else :is="option.smallIcon || option.icon" class="option-icon" />
           </template>
           <span>{{ option.name }}</span>
           <span class="option-count" v-if="option.count > 0"> x {{ option.count }}</span>

frontend_nuxt/pages/users/[id].vue

@@ -368,11 +368,11 @@ const selectedTab = ref(
     : 'summary',
 )
 const tabs = [
-  { key: 'summary', label: '总结', icon: 'ChartLine' },
-  { key: 'timeline', label: '时间线', icon: 'AlarmClock' },
-  { key: 'following', label: '关注', icon: 'AddUser' },
-  { key: 'favorites', label: '收藏', icon: 'Bookmark' },
-  { key: 'achievements', label: '勋章', icon: 'MedalOne' },
+  { key: 'summary', label: '总结', icon: 'chart-line' },
+  { key: 'timeline', label: '时间线', icon: 'alarm-clock' },
+  { key: 'following', label: '关注', icon: 'add-user' },
+  { key: 'favorites', label: '收藏', icon: 'bookmark' },
+  { key: 'achievements', label: '勋章', icon: 'medal-one' },
 ]
 const followTab = ref('followers')
 
@@ -415,19 +415,19 @@ const fetchSummary = async () => {
   const postsRes = await fetch(`${API_BASE_URL}/api/users/${username}/hot-posts`)
   if (postsRes.ok) {
     const data = await postsRes.json()
-    hotPosts.value = data.map((p) => ({ icon: 'fas fa-book', post: p }))
+    hotPosts.value = data.map((p) => ({ icon: 'file-text', post: p }))
   }
 
   const repliesRes = await fetch(`${API_BASE_URL}/api/users/${username}/hot-replies`)
   if (repliesRes.ok) {
     const data = await repliesRes.json()
-    hotReplies.value = data.map((c) => ({ icon: 'fas fa-comment', comment: c }))
+    hotReplies.value = data.map((c) => ({ icon: 'comment-icon', comment: c }))
   }
 
   const tagsRes = await fetch(`${API_BASE_URL}/api/users/${username}/hot-tags`)
   if (tagsRes.ok) {
     const data = await tagsRes.json()
-    hotTags.value = data.map((t) => ({ icon: 'fas fa-tag', tag: t }))
+    hotTags.value = data.map((t) => ({ icon: 'tag-one', tag: t }))
   }
 }
 
@@ -443,19 +443,19 @@ const fetchTimeline = async () => {
   const mapped = [
     ...posts.map((p) => ({
       type: 'post',
-      icon: 'fas fa-book',
+      icon: 'file-text',
       post: p,
       createdAt: p.createdAt,
     })),
     ...replies.map((r) => ({
       type: r.parentComment ? 'reply' : 'comment',
-      icon: 'fas fa-comment',
+      icon: 'comment-icon',
       comment: r,
       createdAt: r.createdAt,
     })),
     ...tags.map((t) => ({
       type: 'tag',
-      icon: 'fas fa-tag',
+      icon: 'tag-one',
       tag: t,
       createdAt: t.createdAt,
     })),
@@ -477,7 +477,7 @@ const fetchFavorites = async () => {
   const res = await fetch(`${API_BASE_URL}/api/users/${username}/subscribed-posts`)
   if (res.ok) {
     const data = await res.json()
-    favoritePosts.value = data.map((p) => ({ icon: 'fas fa-bookmark', post: p }))
+    favoritePosts.value = data.map((p) => ({ icon: 'bookmark', post: p }))
   } else {
     favoritePosts.value = []
   }

frontend_nuxt/utils/notification.js

@@ -9,28 +9,28 @@ export const notificationState = reactive({
 })
 
 const iconMap = {
-  POST_VIEWED: 'fas fa-eye',
-  COMMENT_REPLY: 'fas fa-reply',
-  POST_REVIEWED: 'fas fa-shield-alt',
-  POST_REVIEW_REQUEST: 'fas fa-gavel',
-  POST_UPDATED: 'fas fa-comment-dots',
-  USER_ACTIVITY: 'fas fa-user',
-  FOLLOWED_POST: 'fas fa-feather-alt',
-  USER_FOLLOWED: 'fas fa-user-plus',
-  USER_UNFOLLOWED: 'fas fa-user-minus',
-  POST_SUBSCRIBED: 'fas fa-bookmark',
-  POST_UNSUBSCRIBED: 'fas fa-bookmark',
-  REGISTER_REQUEST: 'fas fa-user-clock',
-  ACTIVITY_REDEEM: 'fas fa-coffee',
-  POINT_REDEEM: 'fas fa-gift',
-  LOTTERY_WIN: 'fas fa-trophy',
-  LOTTERY_DRAW: 'fas fa-bullhorn',
-  POLL_VOTE: 'fas fa-square-poll-vertical',
-  POLL_RESULT_OWNER: 'fas fa-flag-checkered',
-  POLL_RESULT_PARTICIPANT: 'fas fa-flag-checkered',
-  MENTION: 'fas fa-at',
-  POST_DELETED: 'fas fa-trash',
-  POST_FEATURED: 'fas fa-star',
+  POST_VIEWED: 'HistoryIcon',
+  COMMENT_REPLY: 'MessageOne',
+  POST_REVIEWED: 'CheckCorrect',
+  POST_REVIEW_REQUEST: 'FileText',
+  POST_UPDATED: 'Edit',
+  USER_ACTIVITY: 'UserIcon',
+  FOLLOWED_POST: 'Pin',
+  USER_FOLLOWED: 'AddUser',
+  USER_UNFOLLOWED: 'ReduceUser',
+  POST_SUBSCRIBED: 'Bookmark',
+  POST_UNSUBSCRIBED: 'Bookmark',
+  REGISTER_REQUEST: 'AlarmClock',
+  ACTIVITY_REDEEM: 'PaperMoneyTwo',
+  POINT_REDEEM: 'Gift',
+  LOTTERY_WIN: 'MedalOne',
+  LOTTERY_DRAW: 'Fireworks',
+  POLL_VOTE: 'ChartHistogram',
+  POLL_RESULT_OWNER: 'RankingList',
+  POLL_RESULT_PARTICIPANT: 'ChartLine',
+  MENTION: 'HashtagKey',
+  POST_DELETED: 'ClearIcon',
+  POST_FEATURED: 'Star',
 }
 
 export async function fetchUnreadCount() {

frontend_nuxt/utils/vditorPostCitation.js

@@ -23,7 +23,7 @@ export default (apiBaseUrl, websiteBaseUrl) => {
           return (
             body.map((item) => ({
               value: `[🔗${item.title}](${websiteBaseUrl}/posts/${item.id})`,
-              html: `<div><i class="fas fa-link"></i> ${item.title}</div>`,
+              html: `<div><link-icon /> ${item.title}</div>`,
             })) ?? []
           )
         } else {