docs: add group icon plugin (#329)

* docs: add group icon plugin * chore: fix lint error
prazdevs · Sep 10, 2024 · d9768d8 · d9768d8
1 parent 67f9664
commit d9768d8
Show file tree

Hide file tree

Showing 4 changed files with 59 additions and 0 deletions.
diff --git a/docs/.vitepress/config/index.ts b/docs/.vitepress/config/index.ts
@@ -1,5 +1,6 @@
 import { defineConfig } from 'vitepress'
 import { transformerTwoslash } from '@shikijs/vitepress-twoslash'
+import { groupIconMdPlugin, groupIconVitePlugin } from 'vitepress-plugin-group-icons'
 import { algolia } from './algolia'
 import { en } from './en'
 
@@ -31,6 +32,14 @@ export default defineConfig({
       dark: 'catppuccin-mocha',
       light: 'catppuccin-latte',
     },
+    config(md) {
+      md.use(groupIconMdPlugin)
+    },
+  },
+  vite: {
+    plugins: [
+      groupIconVitePlugin(),
+    ],
   },
   themeConfig: {
     logo: {

diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
@@ -5,6 +5,7 @@ import DefaultTheme from 'vitepress/theme'
 import TwoslashClient from '@shikijs/vitepress-twoslash/client'
 import '@shikijs/vitepress-twoslash/style.css'
 import './style.css'
+import 'virtual:group-icons.css'
 
 export default {
   extends: DefaultTheme,

diff --git a/package.json b/package.json
@@ -108,6 +108,7 @@
     "tsup": "^8.2.4",
     "typescript": "^5.5.4",
     "vitepress": "^1.3.4",
+    "vitepress-plugin-group-icons": "^1.1.0",
     "vitest": "^2.0.5",
     "vue": "^3.4.38",
     "vue-tsc": "^2.1.4"

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