vitepress-plugin-group-icons

Enhance code blocks features for VitePress.

📜 Documentation

Usage

Install

1npm install vitepress-plugin-group-icons

1yarn add vitepress-plugin-group-icons

1pnpm add vitepress-plugin-group-icons

1bun add vitepress-plugin-group-icons

Configuration

1// .vitepress/config.ts
2import { defineConfig } from 'vitepress'
3import { groupIconMdPlugin, groupIconVitePlugin } from 'vitepress-plugin-group-icons'
4
5export default defineConfig({
6  markdown: {
7    config(md) {
8      md.use(groupIconMdPlugin)
9    },
10  },
11  vite: {
12    plugins: [
13      groupIconVitePlugin()
14    ],
15  }
16})

1// .vitepress/theme/index.ts
2import Theme from 'vitepress/theme'
3import 'virtual:group-icons.css'
4
5export default Theme

Usage Example

1::: code-group
2
3```sh [npm]
4npm install vitepress-plugin-group-icons
5```
6
7```sh [yarn]
8yarn add vitepress-plugin-group-icons
9```
10
11```sh [pnpm]
12pnpm add vitepress-plugin-group-icons
13```
14
15```sh [bun]
16bun add vitepress-plugin-group-icons
17```
18
19:::

Credits

• Nuxt UI Pro

License

MIT License © 2024-PRESENT Leo