docs: add group icon

docs/.vitepress/config/shared.ts

@@ -4,6 +4,7 @@ import { search as ptSearch } from './pt'
 import { search as ruSearch } from './ru'
 import { search as esSearch } from './es'
 import { search as koSearch } from './ko'
+import { groupIconPlugin } from 'vitepress-plugin-group-icons'
 
 export const shared = defineConfig({
   title: 'VitePress',
@@ -25,7 +26,10 @@ export const shared = defineConfig({
           return code.replace(/\[\!\!code/g, '[!code')
         }
       }
-    ]
+    ],
+    config: (md) => {
+      md.use(groupIconPlugin)
+    }
   },
 
   sitemap: {

docs/.vitepress/theme/index.ts

@@ -0,0 +1,10 @@
+import DefaultTheme from 'vitepress/theme'
+import type { EnhanceAppContext } from 'vitepress'
+import { GroupIconComponent } from 'vitepress-plugin-group-icons/client'
+
+export default {
+  extends: DefaultTheme,
+  enhanceApp({ app }: EnhanceAppContext) {
+    app.use(GroupIconComponent)
+  },
+}

docs/package.json

@@ -13,6 +13,7 @@
     "@lunariajs/core": "^0.1.1",
     "markdown-it-mathjax3": "^4.3.2",
     "open-cli": "^8.0.0",
-    "vitepress": "workspace:*"
+    "vitepress": "workspace:*",
+    "vitepress-plugin-group-icons": "^0.0.9"
   }
 }