fix: add customIcons for defaultLabels

docs/pages/guide/deploy.md

@@ -19,23 +19,31 @@ Deploying Valaxy is very easy. We suggest that you build and deploy to any platf
 
 ## Manual Deployment {lang="en"}
 
+::: code-group
+
+```bash [pnpm]
+pnpm run build
+```
+
+```bash [yarn]
+yarn build
+```
+
+```bash [npm]
+npm run build
+```
+
+:::
+
 ::: zh-CN
 
-```bash
-# 构建打包
-npm run build
-# dist 文件夹为构建后的内容
-```
+执行 `build` 命令构建，`dist` 文件夹为构建后的内容。
 
 :::
 
 ::: en
 
-```bash
-# Build the package
-npm run build
-# The `dist/` directory contains the artifact
-```
+Run the `build` command to build, and the `dist` directory contains the built content.
 
 :::
 

packages/valaxy/client/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-// import it in setup/main.ts for ssg
+// vite-ssg build for client
 import 'virtual:group-icons.css'
 // import { defineAsyncComponent } from 'vue'
 /**

packages/valaxy/client/main.ts

@@ -20,7 +20,6 @@ import { setupValaxyDevTools } from './utils/dev'
  */
 import '#valaxy/styles'
 import 'uno.css'
-import 'virtual:group-icons.css'
 
 const valaxyConfig = initValaxyConfig()
 

packages/valaxy/node/build/bundle.ts

@@ -108,6 +108,9 @@ export function getRollupOptions(options: ResolvedValaxyOptions) {
         if (id.includes('plugin-vue:export-helper')) {
           return 'framework'
         }
+        if (id.includes('virtual:group-icons.css')) {
+          return 'group-icons'
+        }
 
         // lib
         const libs = [

packages/valaxy/node/plugins/markdown/setup.ts

@@ -28,13 +28,14 @@ import footnotePlugin from 'markdown-it-footnote'
 import imageFigures from 'markdown-it-image-figures'
 import TaskLists from 'markdown-it-task-lists'
 
+import { groupIconMdPlugin } from 'vitepress-plugin-group-icons'
 import { linkPlugin } from './plugins/link'
 import { containerPlugin } from './plugins/markdown-it/container'
 import { footnoteTooltipPlugin } from './plugins/markdown-it/footnoteTooltip'
 import { highlightLinePlugin } from './plugins/markdown-it/highlightLines'
 import Katex from './plugins/markdown-it/katex'
-import { lineNumberPlugin } from './plugins/markdown-it/lineNumbers'
 
+import { lineNumberPlugin } from './plugins/markdown-it/lineNumbers'
 import { preWrapperPlugin } from './plugins/markdown-it/preWrapper'
 import { snippetPlugin } from './plugins/markdown-it/snippet'
 
@@ -157,7 +158,6 @@ export async function setupMarkdownPlugins(
 
   md.use(TaskLists)
 
-  const { groupIconMdPlugin } = await import('vitepress-plugin-group-icons')
   md.use(groupIconMdPlugin, {
     titleBar: { includeSnippet: true },
   })

packages/valaxy/node/plugins/preset.ts

@@ -11,14 +11,15 @@ import { resolve } from 'pathe'
 import Components from 'unplugin-vue-components/vite'
 
 import Layouts from 'vite-plugin-vue-layouts'
+import { groupIconVitePlugin } from 'vitepress-plugin-group-icons'
 import { customElements } from '../constants'
 import { createConfigPlugin } from './extendConfig'
 import { createMarkdownPlugin } from './markdown'
 import { createFixPlugins } from './patchTransform'
 import { createClientSetupPlugin } from './setupClient'
 import { createUnocssPlugin } from './unocss'
-import { createValaxyPlugin } from './valaxy'
 
+import { createValaxyPlugin } from './valaxy'
 import { createRouterPlugin } from './vueRouter'
 
 export async function ViteValaxyPlugins(
@@ -129,19 +130,6 @@ export async function ViteValaxyPlugins(
     createFixPlugins(options),
   ]
 
-  const { groupIconVitePlugin } = await import('vitepress-plugin-group-icons')
-  plugins.push(
-    groupIconVitePlugin({
-      customIcon: {
-        nodejs: 'vscode-icons:file-type-node',
-        playwright: 'vscode-icons:file-type-playwright',
-        typedoc: 'vscode-icons:file-type-typedoc',
-        eslint: 'vscode-icons:file-type-eslint',
-      },
-      ...valaxyConfig.groupIcons,
-    }),
-  )
-
   if (valaxyConfig.visualizer) {
     try {
       const visualizer = (await import('rollup-plugin-visualizer')).visualizer
@@ -164,5 +152,22 @@ export async function ViteValaxyPlugins(
       console.log()
     }
   }
+
+  const customIcon = {
+    nodejs: 'vscode-icons:file-type-node',
+    playwright: 'vscode-icons:file-type-playwright',
+    typedoc: 'vscode-icons:file-type-typedoc',
+    eslint: 'vscode-icons:file-type-eslint',
+  }
+  plugins.push(
+    groupIconVitePlugin({
+      customIcon,
+      ...valaxyConfig.groupIcons,
+      defaultLabels: [
+        ...valaxyConfig.groupIcons?.defaultLabels || [],
+        ...Object.keys(valaxyConfig.groupIcons?.customIcon || {}),
+      ],
+    }),
+  )
   return plugins
 }