🎽 chore: support iconify (#6)

pdsuwwz · Aug 6, 2024 · f200aa0 · f200aa0
1 parent a918b37
commit f200aa0
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 11 deletions.
diff --git a/package.json b/package.json
@@ -39,6 +39,8 @@
   "devDependencies": {
     "@antfu/eslint-config": "^2.24.1",
     "@eslint-react/eslint-plugin": "^1.7.1",
+    "@iconify/json": "^2.2.234",
+    "@iconify/tailwind": "^1.1.2",
     "@types/node": "^22.0.2",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/HomepageHero/Setup.tsx b/src/components/HomepageHero/Setup.tsx
@@ -62,6 +62,7 @@ export function SetupHero(props: Props) {
                 target="_blank"
               >
                 Github
+                <span className="ml-[6px] icon-[mingcute--github-line]"></span>
               </Link>
             </Button>
           </div>

diff --git a/src/theme.config.tsx b/src/theme.config.tsx
@@ -57,7 +57,6 @@ const docsThemeConfig: DocsThemeConfig = {
         description,
         url,
       },
-      themeColor: 'hsl(141.89999999999998, 69.2%, 58%)',
       title: asPath !== '/' ? `${pageTitle} - ${title}` : title,
     }
   },

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -1,5 +1,6 @@
 import type { Config } from 'tailwindcss'
 import tailwindcssAnimate from 'tailwindcss-animate'
+import { addDynamicIconSelectors } from '@iconify/tailwind'
 
 const config = {
   darkMode: ['class'],
@@ -77,6 +78,7 @@ const config = {
   },
   plugins: [
     tailwindcssAnimate,
+    addDynamicIconSelectors(),
   ],
 } satisfies Config
-Original file line number
+Diff line change
@@ Expand Up / @@ -62,6 +62,7 @@ export function SetupHero(props: Props) { @@
                     target="_blank"
                   >
                     Github
+                    <span className="ml-[6px] icon-[mingcute--github-line]"></span>
                   </Link>
                 </Button>
               </div>
@@ Expand Down @@