docs: add icons plugin vitepress

Author: kevinkosterr

apps/docs/.vitepress/config.js

@@ -1,11 +1,17 @@
 import { defineConfig } from 'vitepress'
+import { groupIconMdPlugin, groupIconVitePlugin } from 'vitepress-plugin-group-icons'
 import path from 'path'
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
   base: '/vue3-form-generator/',
   title: 'Vue3 Form Generator',
   description: 'Documentation for vue3-form-generator',
+  markdown: {
+    config(md) {
+      md.use(groupIconMdPlugin)
+    }
+  },
   themeConfig: {
     nav: [
       { text: 'Home', link: '/' }
@@ -75,6 +81,7 @@ export default defineConfig({
     ]
   },
   vite: {
+    plugins: [ groupIconVitePlugin() ],
     resolve: {
       alias: {
         '@': path.resolve(__dirname, '../../../src')

apps/docs/.vitepress/theme/index.js

@@ -3,6 +3,7 @@ import VueFormGenerator from '@/index'
 
 import './index.css'
 import '@/scss/themes/basic.scss'
+import 'virtual:group-icons.css'
 
 export default {
   extends: DefaultTheme,

package.json

@@ -69,6 +69,7 @@
     "vite": "^5.4.19",
     "vite-plugin-dts": "^4.3.0",
     "vitepress": "^1.6.3",
+    "vitepress-plugin-group-icons": "^1.5.5",
     "vitest": "^2.1.1",
     "vue": "^3.5.6",
     "vue-eslint-parser": "^9.4.3",