feat: integrate vitepress-plugin-group-icons for enhanced icon management

Author: Le-Caignec

.vitepress/config.mts

@@ -2,6 +2,10 @@ import { transformerTwoslash } from '@shikijs/vitepress-twoslash';
 import tailwindcss from '@tailwindcss/vite';
 import { defineConfig } from 'vitepress';
 import { getSidebar } from './sidebar';
+import {
+  groupIconMdPlugin,
+  groupIconVitePlugin,
+} from 'vitepress-plugin-group-icons';
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
@@ -12,11 +16,14 @@ export default defineConfig({
   lastUpdated: true,
   ignoreDeadLinks: true,
   vite: {
-    plugins: [tailwindcss()],
+    plugins: [tailwindcss(), groupIconVitePlugin()],
   },
   srcDir: './src',
   markdown: {
     codeTransformers: [transformerTwoslash()],
+    config(md) {
+      md.use(groupIconMdPlugin);
+    },
   },
 
   head: [

.vitepress/theme/index.ts

@@ -6,6 +6,7 @@ import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client';
 import Layout from './Layout.vue';
 import type { EnhanceAppContext } from 'vitepress';
 import googleAnalytics from 'vitepress-plugin-google-analytics';
+import 'virtual:group-icons.css'
 
 export default {
   extends: DefaultTheme,