feat: add file icons

Author: mychidarko

.vitepress/config.mts

@@ -1,4 +1,8 @@
 import { defineConfig } from 'vitepress';
+import {
+  groupIconMdPlugin,
+  groupIconVitePlugin,
+} from 'vitepress-plugin-group-icons';
 
 import head from './config/head';
 import nav from './config/navbar';
@@ -70,5 +74,12 @@ export default defineConfig({
 
   markdown: {
     lineNumbers: true,
+    config(md) {
+      md.use(groupIconMdPlugin);
+    },
+  },
+
+  vite: {
+    plugins: [groupIconVitePlugin()],
   },
 });

.vitepress/theme/index.ts

@@ -1,6 +1,7 @@
 import DefaultTheme from 'vitepress/theme';
 import { VueWriter } from 'vue-writer';
 
+import 'virtual:group-icons.css';
 import './styles/index.css';
 
 /** @type {import('vitepress').Theme} */

package.json

@@ -21,6 +21,7 @@
     "tailwind-merge": "^2.5.2",
     "tailwindcss-animate": "^1.0.7",
     "vitepress": "^1.3.4",
+    "vitepress-plugin-group-icons": "^1.2.4",
     "vue": "^3.4.38",
     "vue-writer": "^2.0.2"
   },