diff --git a/docs/public/icons/farm.svg b/docs/.vitepress/assets/icons/farm.svg
similarity index 100%
rename from docs/public/icons/farm.svg
rename to docs/.vitepress/assets/icons/farm.svg
diff --git a/docs/public/icons/rspack.svg b/docs/.vitepress/assets/icons/rspack.svg
similarity index 100%
rename from docs/public/icons/rspack.svg
rename to docs/.vitepress/assets/icons/rspack.svg
diff --git a/docs/.vitepress/components/GroupName.vue b/docs/.vitepress/components/GroupName.vue
deleted file mode 100644
index c53e9e7..0000000
--- a/docs/.vitepress/components/GroupName.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-
-
-
-
-
- {{ name }}
-
-
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index b0aceaf..738223a 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -1,5 +1,6 @@
import { defineConfig } from 'vitepress'
import { transformerTwoslash } from '@shikijs/vitepress-twoslash'
+import { groupIconPlugin } from 'vitepress-plugin-group-icons'
import { zhCN } from './zhCN'
import { enUS } from './enUS'
@@ -35,6 +36,9 @@ export default defineConfig({
image: {
lazyLoading: true,
},
+ config(md) {
+ md.use(groupIconPlugin as any)
+ },
},
head: [
['meta', { property: 'og:title', content: 'Unplugin Turbo Console' }],
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index ec24d5a..0bb3a4e 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -4,7 +4,9 @@ import 'uno.css'
import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client'
import '@shikijs/vitepress-twoslash/style.css'
import type { EnhanceAppContext } from 'vitepress'
-import GroupName from '../components/GroupName.vue'
+import { GroupIconComponent } from 'vitepress-plugin-group-icons/client'
+import rspack from '../assets/icons/rspack.svg?raw'
+import farm from '../assets/icons/farm.svg?raw'
import Layout from './Layout.vue'
export default {
@@ -12,6 +14,9 @@ export default {
Layout,
enhanceApp({ app }: EnhanceAppContext) {
app.use(TwoslashFloatingVue)
- app.component('group-name', GroupName)
+ app.use(GroupIconComponent, {
+ rspack,
+ farm,
+ })
},
}
diff --git a/docs/.vitepress/types.d.ts b/docs/.vitepress/types.d.ts
new file mode 100644
index 0000000..1326e2a
--- /dev/null
+++ b/docs/.vitepress/types.d.ts
@@ -0,0 +1,8 @@
+///
+
+declare module '*.vue' {
+ import type { DefineComponent } from 'vue'
+
+ const component: DefineComponent