From f5cd851beb1e6882ec0238d242df179b7dfbc89d Mon Sep 17 00:00:00 2001
From: Masaya Kazama <miyaokamiyao@gmail.com>
Date: Sun, 20 Oct 2024 11:02:25 +0000
Subject: [PATCH] =?UTF-8?q?=E3=82=A2=E3=82=A4=E3=82=B3=E3=83=B3=E5=A4=89?=
 =?UTF-8?q?=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/menu/keywordList/KeywordListButton.vue  |  4 ++--
 src/components/menu/keywordList/KeywordListPopover.vue |  2 +-
 tailwind.config.js                                     | 10 +++++++++-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/menu/keywordList/KeywordListButton.vue b/src/components/menu/keywordList/KeywordListButton.vue
index 87026c4..98e55bf 100644
--- a/src/components/menu/keywordList/KeywordListButton.vue
+++ b/src/components/menu/keywordList/KeywordListButton.vue
@@ -14,8 +14,8 @@ const popover = usePopover();
     <i
       class="size-8"
       :class="{
-        'i-f7-ellipses-bubble-fill': popover.isShow.value,
-        'i-f7-ellipses-bubble': !popover.isShow.value,
+        'i-icon-park-solid-topic': popover.isShow.value,
+        'i-icon-park-outline-topic': !popover.isShow.value,
       }"
     />
   </button>
diff --git a/src/components/menu/keywordList/KeywordListPopover.vue b/src/components/menu/keywordList/KeywordListPopover.vue
index 92fdee1..9efd279 100644
--- a/src/components/menu/keywordList/KeywordListPopover.vue
+++ b/src/components/menu/keywordList/KeywordListPopover.vue
@@ -93,7 +93,7 @@ function createCountList(eventList: string[][]): KeywordItem[] {
     class="flex max-h-[min(500px,calc(100dvh-5rem))] min-h-[150px] w-[350px] flex-col overflow-hidden rounded-md border-2 border-gray-800 bg-white"
   >
     <div class="flex h-11 shrink-0 items-center justify-start gap-1 bg-black p-2 text-white">
-      <i class="i-mdi-hashtag size-5" />
+      <i class="i-icon-park-solid-topic size-5" />
       <span>トレンド</span>
 
       <button
diff --git a/tailwind.config.js b/tailwind.config.js
index 0bb6205..f9aef50 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -12,7 +12,15 @@ export default {
       // Select the icon collections you want to use
       // You can also ignore this option to automatically discover all individual icon packages you have installed
       // If you install @iconify/json, you should explicitly specify the collections you want to use, like this:
-      collections: getIconCollections(["mdi", "lucide", "ic", "f7", "eva"]),
+      collections: getIconCollections([
+        "mdi",
+        "lucide",
+        "ic",
+        "f7",
+        "eva",
+        "icon-park-outline",
+        "icon-park-solid",
+      ]),
       // If you want to use all icons from @iconify/json, you can do this:
       // collections: getIconCollections("all"),
       // and the more recommended way is to use `dynamicIconsPlugin`, see below.