docs: update group icon plugin

unplugin · Aug 20, 2024 · 4382618 · 4382618
1 parent 6d5291e
commit 4382618
Show file tree

Hide file tree

Showing 9 changed files with 854 additions and 1,127 deletions.
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -1,6 +1,7 @@
 import { defineConfig } from 'vitepress'
 import { transformerTwoslash } from '@shikijs/vitepress-twoslash'
-import { groupIconPlugin } from 'vitepress-plugin-group-icons'
+import Unocss from 'unocss/vite'
+import { groupIconMdPlugin, groupIconVitePlugin, localIconLoader } from 'vitepress-plugin-group-icons'
 import { zhCN } from './zhCN'
 import { enUS } from './enUS'
 
@@ -37,7 +38,7 @@ export default defineConfig({
       lazyLoading: true,
     },
     config(md) {
-      md.use(groupIconPlugin as any)
+      md.use(groupIconMdPlugin)
     },
   },
   head: [
@@ -51,4 +52,15 @@ export default defineConfig({
     ['link', { rel: 'icon', type: 'image/svg+xml', href: '/logo.svg' }],
     ['meta', { name: 'theme-color', content: '#4FC08D' }],
   ],
+  vite: {
+    plugins: [
+      groupIconVitePlugin({
+        customIcon: {
+          rspack: localIconLoader(import.meta.url, './assets/icons/rspack.svg'),
+          farm: localIconLoader(import.meta.url, './assets/icons/farm.svg'),
+        },
+      }),
+      Unocss(),
+    ],
+  },
 })
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
@@ -4,19 +4,13 @@ import 'uno.css'
 import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client'
 import '@shikijs/vitepress-twoslash/style.css'
 import type { EnhanceAppContext } from 'vitepress'
-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'
+import 'virtual:group-icons.css'
 
 export default {
   ...Theme,
   Layout,
   enhanceApp({ app }: EnhanceAppContext) {
     app.use(TwoslashFloatingVue)
-    app.use(GroupIconComponent, {
-      rspack,
-      farm,
-    })
   },
 }
diff --git a/docs/package.json b/docs/package.json
@@ -11,11 +11,12 @@
   },
   "devDependencies": {
     "@iconify-json/logos": "^1.1.44",
-    "@shikijs/vitepress-twoslash": "^1.12.1",
+    "@shikijs/vitepress-twoslash": "^1.14.1",
     "case-police": "^0.6.1",
     "unocss": "^0.61.9",
     "unplugin-turbo-console": "workspace:*",
-    "vitepress": "^1.3.2",
-    "vitepress-plugin-group-icons": "^0.0.9"
+    "vite-plugin-inspect": "^0.8.4",
+    "vitepress": "^1.3.3",
+    "vitepress-plugin-group-icons": "1.0.0-beta.5"
   }
 }
diff --git a/docs/vite.config.ts b/docs/vite.config.ts
diff --git a/examples/svelte/package.json b/examples/svelte/package.json
@@ -17,7 +17,7 @@
 		"svelte-check": "^3.8.1",
 		"tslib": "^2.6.3",
 		"typescript": "^5.4.5",
-		"vite": "^5.3.1",
+		"vite": "catalog:",
 		"unplugin-turbo-console": "workspace:*"
 	},
 	"type": "module"

diff --git a/examples/vite-vue3/package.json b/examples/vite-vue3/package.json
@@ -21,7 +21,7 @@
     "npm-run-all2": "^6.2.0",
     "typescript": "~5.4.5",
     "unplugin-turbo-console": "workspace:*",
-    "vite": "^5.3.1",
+    "vite": "catalog:",
     "vite-plugin-inspect": "^0.8.4",
     "vue-tsc": "^2.0.21"
   }

diff --git a/package.json b/package.json
@@ -183,7 +183,7 @@
     "tsx": "^4.16.2",
     "typescript": "^5.5.3",
     "unbuild": "3.0.0-rc.6",
-    "vite": "^5.3.3",
+    "vite": "catalog:",
     "vite-plugin-inspect": "^0.8.4",
     "vitest": "^2.0.1",
     "vue": "^3.4.31",