docs: Add giscus support

Author: YuKongA

docs/.vitepress/theme/index.ts

@@ -1,18 +1,18 @@
 import DefaultTheme from 'vitepress/theme'
 
-/* mediumZoom */
 import mediumZoom from 'medium-zoom';
+import giscusTalk from 'vitepress-plugin-comment-with-giscus';
+import { useData, useRoute } from 'vitepress';
 import { onMounted, watch, nextTick, h } from 'vue';
-import { useRoute } from 'vitepress';
 import { NolebaseEnhancedReadabilitiesMenu, NolebaseEnhancedReadabilitiesScreenMenu } from '@nolebase/vitepress-plugin-enhanced-readabilities/client'
 
 import './style/index.css'
 import '@nolebase/vitepress-plugin-enhanced-readabilities/client/style.css'
 
-
 export default {
   extends: DefaultTheme,
 
+  /* Nólëbase Integrations */
   Layout: () => {
     return h(DefaultTheme.Layout, null, {
       'nav-bar-content-after': () => h(NolebaseEnhancedReadabilitiesMenu),
@@ -21,9 +21,30 @@ export default {
   },
 
 
-  /* mediumZoom */
   setup() {
+    const { frontmatter } = useData();
     const route = useRoute();
+
+    /* giscus */
+    giscusTalk({
+      repo: 'compose-miuix-ui/miuix-giscus',
+      repoId: 'R_kgDOQo99Eg',
+      category: 'General',
+      categoryId: 'DIC_kwDOQo99Es4Cz0CR',
+      inputPosition: 'bottom',
+      locales: {
+        'zh_CN': 'zh-CN',
+        'en_US': 'en'
+      },
+      homePageShowComment: false,
+    },
+      {
+        frontmatter, route
+      },
+      true
+    );
+
+    /* Medium Zoom */
     const initZoom = () => {
       mediumZoom('.main img', { background: 'var(--vp-c-bg)' });
     };

docs/.vitepress/theme/style/var.css

@@ -45,8 +45,8 @@
 /* 标题颜色 */
 .VPDoc h1 {
     background: linear-gradient(120deg, var(--miuix-color-primary), var(--miuix-color-primary-container));
-    background-clip: text;
     -webkit-background-clip: text;
+    background-clip: text;
     -webkit-text-fill-color: transparent;
 }
 

docs/package.json

@@ -2,16 +2,15 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@nolebase/vitepress-plugin-enhanced-readabilities": "^2.18.2",
+    "medium-zoom": "^1.1.0",
     "vitepress": "^2.0.0-alpha.15",
+    "vitepress-plugin-comment-with-giscus": "^1.1.15",
     "vue": "^3.5.25"
   },
   "scripts": {
     "docs:dev": "vitepress dev --host",
     "docs:build": "vitepress build",
     "docs:preview": "vitepress preview"
   },
-  "dependencies": {
-    "medium-zoom": "^1.1.0"
-  },
   "type": "module"
 }