refactor(docs): minimize iconify icon size

unjs · Dec 13, 2024 · aec274c · aec274c
1 parent d744b30
commit aec274c
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 17 deletions.
diff --git a/docs/.vitepress/components/RepoInfo.vue b/docs/.vitepress/components/RepoInfo.vue
@@ -10,28 +10,28 @@ defineProps<{
 <template>
   <div flex gap-3 items-center justify-end>
     <div class="flex items-center text-gray-500 dark:text-gray-300 cursor-default">
-      <i class="i-heroicons-star-solid" />
+      <i class="i-ri:star-line" />
       <span ml-1>
         {{ stars.toLocaleString() }}
       </span>
     </div>
 
     <div class="flex items-center text-gray-500 dark:text-gray-300 cursor-default">
-      <i class="i-lucide-git-fork" />
+      <i class="i-ri:git-fork-line" />
       <span ml-1>
         {{ forks.toLocaleString() }}
       </span>
     </div>
 
     <a target="_blank" :href="`https://github.com/${owner}/${name}`">
       <div class="flex text-gray-400" hover="text-gray-900" dark:hover="text-gray-200">
-        <i class="i-radix-icons-github-logo" />
+        <i class="i-ri:github-fill" />
       </div>
     </a>
 
     <a target="_blank" :href="`https://www.npmjs.com/package/${name}`">
       <div class="flex text-gray-400" hover="text-#cc3534">
-        <i class="i-simple-icons-npm " />
+        <i class="i-ri:npmjs-fill" />
       </div>
     </a>
   </div>

diff --git a/docs/.vitepress/components/Repositories.vue b/docs/.vitepress/components/Repositories.vue
@@ -40,11 +40,11 @@ const repos = [...repositoryData].sort((a, b) => {
           <div text="14px gray-500" dark="text-gray-400">{{ item.primaryLanguage.name }}</div>
         </div>
         <div flex items-center gap-1 text="14px gray-500" dark="text-gray-400">
-          <i class="i-radix-icons-star" />
+          <i class="i-ri:star-line" />
           <div>{{ (item.stargazers.totalCount).toLocaleString() }}</div>
         </div>
         <div flex items-center gap-1 text="14px gray-500" dark="text-gray-400">
-          <i class="i-lucide-git-fork" />
+          <i class="i-ri:git-fork-line" />
           <div>{{ (item.forkCount).toLocaleString() }}</div>
         </div>
       </div>

diff --git a/docs/package.json b/docs/package.json
@@ -13,7 +13,7 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "devDependencies": {
-    "@iconify/json": "^2.2.282",
+    "@iconify-json/ri": "^1.2.3",
     "@shikijs/vitepress-twoslash": "^1.24.2",
     "case-police": "^0.7.2",
     "consola": "^3.2.3",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml