fix(theme): prevent sidebar re-render unless there is actual change

closes #2796
vuejs · Aug 16, 2023 · 33962e0 · 33962e0
1 parent 6960ec1
commit 33962e0
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/client/theme-default/composables/sidebar.ts b/src/client/theme-default/composables/sidebar.ts
@@ -35,12 +35,19 @@ export function useSidebar() {
 
   const isOpen = ref(false)
 
-  const sidebar = computed(() => {
+  const _sidebar = computed(() => {
     const sidebarConfig = theme.value.sidebar
     const relativePath = page.value.relativePath
     return sidebarConfig ? getSidebar(sidebarConfig, relativePath) : []
   })
 
+  const sidebar = ref(_sidebar.value)
+
+  watch(_sidebar, (next, prev) => {
+    if (JSON.stringify(next) !== JSON.stringify(prev))
+      sidebar.value = _sidebar.value
+  })
+
   const hasSidebar = computed(() => {
     return (
       frontmatter.value.sidebar !== false &&