feat(docs): Add windicss scrollbar plugin

docs/.vitepress/assets/index.css

@@ -3,6 +3,10 @@
   --secondary: #03dac5;
 }
 
+html, body {
+  @apply scrollbar scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-green-500 scrollbar-track-gray-300;
+}
+
 .home-content {
   max-width: 100% !important;
   padding: 0 !important;

docs/.vitepress/windi.config.ts

@@ -1,8 +1,7 @@
 import { defineConfig } from 'windicss/helpers'
 import { resolve } from 'path'
-import icons from '@windicss/plugin-icons'
 import typography from 'windicss/plugin/typography'
-import windiColors from 'windicss/colors'
+import scrollbar from '@windicss/plugin-scrollbar'
 
 export default defineConfig({
   extract: {
@@ -13,10 +12,10 @@ export default defineConfig({
   darkMode: 'media',
 
   plugins: [
-    icons,
     typography({
       dark: true,
     }),
+    scrollbar,
   ],
 
   shortcuts: {

docs/package.json

@@ -16,7 +16,7 @@
     "@types/markdown-it": "^12.2.3",
     "@types/node": "^17.0.23",
     "@types/prismjs": "^1.26.0",
-    "@windicss/plugin-icons": "^1.0.2",
+    "@windicss/plugin-scrollbar": "^1.2.3",
     "dotenv": "^16.0.0",
     "escape-html": "^1.0.3",
     "markdown-it": "^12.3.2",