From 1ebab7054a6126dcea4aad7158c22516cf03b41c Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Tue, 26 Dec 2023 19:04:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A1=B5=E9=9D=A2=E7=BA=A7=E5=88=AB?=
 =?UTF-8?q?=E6=8E=A7=E5=88=B6=E6=98=AF=E5=90=A6=E5=8F=AF=E8=AF=84=E8=AE=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 theme/src/client/components/Page.vue    | 10 +++++++---
 theme/src/client/components/Sidebar.vue |  2 +-
 theme/src/shared/frontmatter.ts         |  2 +-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/theme/src/client/components/Page.vue b/theme/src/client/components/Page.vue
index e057046a..9246b8c3 100644
--- a/theme/src/client/components/Page.vue
+++ b/theme/src/client/components/Page.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { usePageData } from '@vuepress/client'
+import { computed } from 'vue'
 import type { PlumeThemePageData } from '../../shared/index.js'
 import { useDarkMode, useSidebar } from '../composables/index.js'
 import PageAside from './PageAside.vue'
@@ -9,6 +10,9 @@ import PageMeta from './PageMeta.vue'
 const { hasSidebar, hasAside } = useSidebar()
 const isDark = useDarkMode()
 const page = usePageData<PlumeThemePageData>()
+const hasComments = computed(() => {
+  return page.value.frontmatter.comments !== false
+})
 </script>
 <template>
   <div
@@ -34,7 +38,7 @@ const page = usePageData<PlumeThemePageData>()
             <PageMeta />
             <Content class="plume-content" />
             <PageFooter />
-            <PageComment :darkmode="isDark" />
+            <PageComment v-if="hasComments" :darkmode="isDark" />
           </main>
         </div>
       </div>
@@ -52,9 +56,9 @@ const page = usePageData<PlumeThemePageData>()
   width: 100%;
 }
 
-.plume-page.is-blog {
+/* .plume-page.is-blog {
   padding-top: calc(var(--vp-nav-height) + 32px);
-}
+} */
 
 @media (min-width: 768px) {
   .plume-page {
diff --git a/theme/src/client/components/Sidebar.vue b/theme/src/client/components/Sidebar.vue
index 7d0acad5..ca6f6396 100644
--- a/theme/src/client/components/Sidebar.vue
+++ b/theme/src/client/components/Sidebar.vue
@@ -16,7 +16,7 @@ const navEl = ref<HTMLElement | null>(null)
 const isLocked = useScrollLock(inBrowser ? document.body : null)
 
 watch(
-  [props, navEl],
+  [() => props.open, navEl],
   () => {
     if (props.open) {
       isLocked.value = true
diff --git a/theme/src/shared/frontmatter.ts b/theme/src/shared/frontmatter.ts
index 193ba0c4..877c1800 100644
--- a/theme/src/shared/frontmatter.ts
+++ b/theme/src/shared/frontmatter.ts
@@ -19,6 +19,7 @@ export interface PlumeThemeHeroAction {
 }
 
 export interface PlumeThemePageFrontmatter {
+  comments?: boolean
   editLink?: boolean
   editLinkPattern?: string
   lastUpdated?: boolean
@@ -33,7 +34,6 @@ export interface PlumeThemePostFrontmatter extends PlumeThemePageFrontmatter {
   tags?: string[]
   sticky?: boolean | number
   article?: boolean
-  banner?: string
 }
 
 export interface PlumeThemeNoteFrontmatter extends PlumeThemePageFrontmatter {