refactor: replace @iconify/tailwind with @egoist/tailwindcss-icons (#1154)

Author: hyoban

package.json

@@ -161,8 +161,8 @@
     "zustand": "4.4.6"
   },
   "devDependencies": {
+    "@egoist/tailwindcss-icons": "1.7.0",
     "@ianvs/prettier-plugin-sort-imports": "4.1.1",
-    "@iconify/tailwind": "0.1.4",
     "@next/bundle-analyzer": "14.0.3",
     "@types/async-lock": "1.4.2",
     "@types/canvas-confetti": "1.6.4",

pnpm-lock.yaml

@@ -48,7 +48,7 @@ export default async function Tag({
     <Hydrate state={dehydratedState}>
       <div className="border rounded-xl px-5 py-6 mb-4 space-y-2 relative bg-zinc-50">
         <div className="text-2xl flex items-center font-bold">
-          <i className="icon-[mingcute--tag-line] mr-1" />
+          <i className="i-mingcute-tag-line mr-1" />
           {params.tag}
         </div>
         <ParticipateButton tag={params.tag} />

src/app/[locale]/(home)/(activities)/tag/[tag]/page.tsx

@@ -53,7 +53,7 @@ export default async function Topic({
     <Hydrate state={dehydratedState}>
       <div className="border rounded-xl px-5 py-6 mb-4 space-y-2 relative bg-zinc-50">
         <div className="text-2xl flex items-center font-bold">
-          <i className="icon-[mingcute--tag-line] mr-1" />
+          <i className="i-mingcute-tag-line mr-1" />
           {info?.includeTags[0]}
         </div>
         <p className="text-zinc-600">{t(info?.description || "")}</p>

src/app/[locale]/(home)/(activities)/topic/[topic]/page.tsx

@@ -20,7 +20,7 @@ async function Home() {
       <OriginEntranceButton
         connectedContent={
           <>
-            <span className="icon-[mingcute--grid-line] text-xl mr-2 inline-block"></span>
+            <span className="i-mingcute-grid-line text-xl mr-2 inline-block"></span>
             <span>{t("Dashboard")}</span>
           </>
         }
@@ -163,7 +163,7 @@ async function Home() {
           <span className="mb-1 sm:mb-3">{t("Explore the xLog way")}</span>
           <Link
             href="#features"
-            className="cursor-pointer inline-block icon-[mingcute--down-line] text-3xl"
+            className="cursor-pointer inline-block i-mingcute-down-line text-3xl"
           ></Link>
         </div>
       </div>
@@ -318,7 +318,7 @@ async function Home() {
             <ul className="mt-14 grid grid-cols-3 sm:grid-cols-5 gap-y-14 gap-x-2">
               <Integration />
               <li className="flex items-center justify-center">
-                <i className="icon-[mingcute--more-1-line] text-5xl" />
+                <i className="i-mingcute-more-1-line text-5xl" />
               </li>
             </ul>
           </div>

src/app/[locale]/(home)/about/page.tsx

@@ -574,7 +574,7 @@ const EditorExtraProperties = memo(
             onClick={openAdvancedOptions}
           >
             <span className="inline-flex items-center">
-              <i className="icon-[mingcute--settings-4-fill] inline-block mr-2" />
+              <i className="i-mingcute-settings-4-fill inline-block mr-2" />
               <span>{t("Advanced Settings")}</span>
             </span>
           </Button>

src/app/[locale]/dashboard/[subdomain]/editor/post-editor.tsx

@@ -164,7 +164,7 @@ export default function EventsPage() {
                     }
                   >
                     {t("Learn more")}{" "}
-                    <i className="icon-[mingcute--right-line] text-xl ml-1" />
+                    <i className="i-mingcute-right-line text-xl ml-1" />
                   </UniLink>
                 </div>
               </div>