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",

yarn.lock

@@ -1435,6 +1435,11 @@
   resolved "https://registry.yarnpkg.com/@windicss/plugin-icons/-/plugin-icons-1.0.2.tgz#8bc4024ebeb516a9d68b013d8a16db4509f4184f"
   integrity sha512-PN6+y9TwEFQn+x6hmCUbCH2YzCfLyImcgQZQQAZ3kCZvqvZDyfKgS9TuhHY1Y0vp12lO6ULFUWpH6YIVGOPM6A==
 
+"@windicss/plugin-scrollbar@^1.2.3":
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/@windicss/plugin-scrollbar/-/plugin-scrollbar-1.2.3.tgz#4796e999e98a4bca6c269fa1faffd2e9b5452cac"
+  integrity sha512-+cqv1pEmaNPITeBJ/lO6tc8IjBzRhQ+V9G8r249MMXivYoxUO4DtModBrRGHVvBgsYZgPXDsIv2jqtxc4NqYEg==
+
 "@windicss/plugin-utils@1.8.3":
   version "1.8.3"
   resolved "https://registry.yarnpkg.com/@windicss/plugin-utils/-/plugin-utils-1.8.3.tgz#cec2bdc7703357de348e4512d61c7bd7802b049a"