feat: add vitepress-plugin-group-icons (#225)

Author: yuyinws

Diff for: .vitepress/config/shared.ts

@@ -1,6 +1,7 @@
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import { HeadConfig, defineConfig } from "vitepress";
+import { groupIconMdPlugin, groupIconVitePlugin, localIconLoader } from "vitepress-plugin-group-icons";
 
 const head: HeadConfig[] = [
   [
@@ -75,7 +76,19 @@ export const sharedConfig = defineConfig({
       copyright: "Copyright © 2023-present Boshen & Oxc Contributors",
     },
   },
+  markdown: {
+    config(md) {
+      md.use(groupIconMdPlugin);
+    },
+  },
   vite: {
+    plugins: [
+      groupIconVitePlugin({
+        customIcon: {
+          ".oxlintrc": localIconLoader(import.meta.url, "../oxc-logo.svg"),
+        },
+      }),
+    ],
     resolve: {
       alias: [
         {

Diff for: .vitepress/oxc-logo.svg

@@ -4,6 +4,7 @@ import DefaultTheme from "vitepress/theme";
 import AppBadgeList from "./components/AppBadgeList.vue";
 import AppBlogPostHeader from "./components/AppBlogPostHeader.vue";
 import Alert from "./components/Alert.vue";
+import "virtual:group-icons.css";
 
 export default {
   extends: DefaultTheme,

Diff for: .vitepress/theme/index.ts

@@ -29,6 +29,7 @@
     "tsx": "^4.19.1",
     "typescript": "~5.6.0",
     "vitepress": "1.3.4",
+    "vitepress-plugin-group-icons": "^1.2.4",
     "vue": "^3.5.8"
   },
   "lint-staged": {