From 92eb31623dffb0c6cba247ba559b732a2858704d Mon Sep 17 00:00:00 2001
From: CritasWang <critas@outlook.com>
Date: Mon, 24 Feb 2025 17:35:54 +0800
Subject: [PATCH 1/2] change sidebar

---
 src/.vuepress/components/Sidevar.vue          | 41 ++++++++++++++-----
 src/.vuepress/navbar/en.ts                    |  2 +-
 src/.vuepress/navbar/zh.ts                    |  2 +-
 src/Community/{Commiters.md => Committers.md} |  0
 .../Community/{Commiters.md => Committers.md} |  0
 5 files changed, 32 insertions(+), 13 deletions(-)
 rename src/Community/{Commiters.md => Committers.md} (100%)
 rename src/zh/Community/{Commiters.md => Committers.md} (100%)

diff --git a/src/.vuepress/components/Sidevar.vue b/src/.vuepress/components/Sidevar.vue
index 8d8fc9bb3..17cdb390c 100644
--- a/src/.vuepress/components/Sidevar.vue
+++ b/src/.vuepress/components/Sidevar.vue
@@ -1,15 +1,18 @@
 <template>
   <Sidebar>
     <template #top>
+      <p class="vp-sidebar-header" style="margin-top: 1rem;">
+        <span class="vp-sidebar-title">{{(sidebarItems && sidebarItems.length>0) ? sidebarItems[0]?.text: ''}}</span>
+      </p>
       <div class="sidebar-top-wrapper">
         <ul class="switch-list" v-if="currentDialect">
           <li
             :class="['switch-type', { 'switch-active': currentDialect === 'Tree' }]"
-            @click="handleChangeDialect('Tree')">Tree
+            @click="handleChangeDialect('Tree')">{{ ModelName.Tree }}
           </li>
           <li
             :class="['switch-type', { 'switch-active': currentDialect === 'Table' }]"
-            @click="handleChangeDialect('Table')">Table
+            @click="handleChangeDialect('Table')">{{ ModelName.Table }}
           </li>
         </ul>
       </div>
@@ -18,8 +21,9 @@
 </template>
 
 <script setup lang="ts">
+import { useSidebarItems } from "vuepress-theme-hope/modules/sidebar/composables/index.js";
 import Sidebar from 'vuepress-theme-hope/modules/sidebar/components/Sidebar.js';
-import { ref, watch } from 'vue';
+import { ref, watch, computed } from 'vue';
 import { useRoute } from 'vuepress/client';
 import { getDialect, getDocVersion } from '../utils/index.js';
 
@@ -28,6 +32,19 @@ const currentLang = ref('zh');
 const currentVersion = ref('');
 const currentDialect = ref('');
 
+const ModelName = computed(() => {
+  return currentLang.value === 'zh' ? {
+    'Tree': '树模型',
+    'Table': '表模型',
+  } : {
+    'Tree': 'Tree',
+    'Table': 'Table',
+  };
+});
+
+const sidebarItems = useSidebarItems();
+Window.sidebarItems = sidebarItems;
+
 function handleChangeDialect(val: string) {
   const oldPath = 'latest';
   const newPath = 'latest-Table';
@@ -59,30 +76,32 @@ watch(
 </script>
 
 <style lang="scss">
+.vp-sidebar-links li:first-child {
+    display: none;
+}
 .vp-sidebar > .vp-sidebar-links {
-  padding: 1rem 0;
+  padding: 0.25rem 0;
 }
 .switch-list {
   display: flex;
   text-align: center;
-  width: 120px;
+  width: 150px;
   margin-right: 12px;
-  border-radius: 14px;
+  border-radius: 16px;
   background-color: #f0f1fa;
   list-style-type: none;
   padding: 4px;
   margin: 0;
   margin-left: 16px;
-  margin-top: 1rem;
 
   .switch-type {
-    padding: 3px 9px;
+    padding: 1px 9px;
     flex: 1;
     cursor: pointer;
-    border-radius: 14px;
+    border-radius: 16px;
     background-color: transparent;
-    font-size: 14px;
-    line-height: 18px;
+    font-size: 1.1em;
+    line-height: 1.5;
     color: #656a85;
   }
 
diff --git a/src/.vuepress/navbar/en.ts b/src/.vuepress/navbar/en.ts
index 803a6c697..86b2bc1b3 100644
--- a/src/.vuepress/navbar/en.ts
+++ b/src/.vuepress/navbar/en.ts
@@ -54,7 +54,7 @@ export const enNavbar = navbar([
         link: '/Community/Communication-Channels',
       },
       { text: 'Events and Reports', link: '/Community/Events-and-Reports' },
-      { text: 'Commiters', link: '/Community/Commiters' },
+      { text: 'Committers', link: '/Community/Committers' },
     ],
   },
   {
diff --git a/src/.vuepress/navbar/zh.ts b/src/.vuepress/navbar/zh.ts
index 9761b2423..21f92b763 100644
--- a/src/.vuepress/navbar/zh.ts
+++ b/src/.vuepress/navbar/zh.ts
@@ -55,7 +55,7 @@ export const zhNavbar = navbar([
       { text: '社区伙伴', link: '/zh/Community/Community-Partners' },
       { text: '交流与反馈', link: '/zh/Community/Feedback' },
       { text: '活动与报告', link: 'zh/Community/Events-and-Reports' },
-      { text: 'Commiters', link: '/zh/Community/Committers' },
+      { text: 'Committers', link: '/zh/Community/Committers' },
     ],
   },
   {
diff --git a/src/Community/Commiters.md b/src/Community/Committers.md
similarity index 100%
rename from src/Community/Commiters.md
rename to src/Community/Committers.md
diff --git a/src/zh/Community/Commiters.md b/src/zh/Community/Committers.md
similarity index 100%
rename from src/zh/Community/Commiters.md
rename to src/zh/Community/Committers.md

From 4ad128231fd0475c321182d2b57852f0d323defa Mon Sep 17 00:00:00 2001
From: CritasWang <critas@outlook.com>
Date: Mon, 24 Feb 2025 17:50:11 +0800
Subject: [PATCH 2/2] remove debug code

---
 src/.vuepress/components/Sidevar.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/.vuepress/components/Sidevar.vue b/src/.vuepress/components/Sidevar.vue
index 17cdb390c..fd03c8dc4 100644
--- a/src/.vuepress/components/Sidevar.vue
+++ b/src/.vuepress/components/Sidevar.vue
@@ -43,7 +43,6 @@ const ModelName = computed(() => {
 });
 
 const sidebarItems = useSidebarItems();
-Window.sidebarItems = sidebarItems;
 
 function handleChangeDialect(val: string) {
   const oldPath = 'latest';