add code fold feature

zigcc · Dec 16, 2023 · 01b9979 · 01b9979
1 parent 28305a5
commit 01b9979
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/learn/.vitepress/theme/index.ts b/learn/.vitepress/theme/index.ts
@@ -1,6 +1,8 @@
 // .vitepress/theme/index.js
 import DefaultTheme from 'vitepress/theme';
 import giscusTalk from 'vitepress-plugin-comment-with-giscus';
+import codeblocksFold from 'vitepress-plugin-codeblocks-fold';
+import 'vitepress-plugin-codeblocks-fold/style/index.scss';
 import { useData, useRoute } from 'vitepress';
 
 export default {
@@ -13,6 +15,9 @@ export default {
         const { frontmatter } = useData();
         const route = useRoute();
 
+        // code fold support
+        codeblocksFold({ route, frontmatter }, true, 400);
+
         // Obtain configuration from: https://giscus.app/
         giscusTalk({
             repo: 'learnzig/learnzig',

diff --git a/package.json b/package.json
@@ -11,6 +11,8 @@
     "vitepress": "^1.0.0-rc.11"
   },
   "dependencies": {
+    "sass": "^1.69.5",
+    "vitepress-plugin-codeblocks-fold": "^1.2.28",
     "vitepress-plugin-comment-with-giscus": "^1.1.11"
   }
 }