From 2e39974c54bdee7f128dda1ec258822e546d5a57 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Mon, 18 Mar 2024 00:10:04 +0800
Subject: [PATCH] =?UTF-8?q?perf(theme):=20=E4=BC=98=E5=8C=96=E5=8F=B3?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E4=BA=A4=E4=BA=92=E8=A1=A8=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 theme/src/client/components/Page.vue    | 12 +++++++++---
 theme/src/client/composables/sidebar.ts |  2 +-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/theme/src/client/components/Page.vue b/theme/src/client/components/Page.vue
index d2e17d00..8511e9f8 100644
--- a/theme/src/client/components/Page.vue
+++ b/theme/src/client/components/Page.vue
@@ -21,14 +21,20 @@ const hasComments = computed(() => {
   return page.value.frontmatter.comments !== false
 })
 
+const enableAside = computed(() => {
+  if (page.value.isBlogPost)
+    return hasAside.value && isPageDecrypted.value && page.value.headers.length
+
+  return hasAside.value && isPageDecrypted.value
+})
+
 const zoom = useMediumZoom()
 onContentUpdated(() => zoom?.refresh())
 </script>
 
 <template>
   <div
-    class="plume-page"
-    :class="{
+    class="plume-page" :class="{
       'has-sidebar': hasSidebar,
       'has-aside': hasAside,
       'is-blog': page.isBlogPost,
@@ -36,7 +42,7 @@ onContentUpdated(() => zoom?.refresh())
     }"
   >
     <div class="container">
-      <div v-if="hasAside && isPageDecrypted" class="aside">
+      <div v-if="enableAside" class="aside">
         <div class="aside-container">
           <div class="aside-content">
             <PageAside />
diff --git a/theme/src/client/composables/sidebar.ts b/theme/src/client/composables/sidebar.ts
index 69ed905a..93953e4c 100644
--- a/theme/src/client/composables/sidebar.ts
+++ b/theme/src/client/composables/sidebar.ts
@@ -47,7 +47,7 @@ export function useSidebar() {
   })
 
   const hasAside = computed(() => {
-    return !frontmatter.value.home && frontmatter.value.aside !== false && page.value.headers.length
+    return !frontmatter.value.home && frontmatter.value.aside !== false
   })
 
   const isSidebarEnabled = computed(() => hasSidebar.value && is960.value)