fix(vuepress-theme-reco): fix content display error

Author: reco_luan

packages/vuepress-reco.github.io

@@ -1,15 +1,14 @@
 <template>
   <main class="page" :style="pageStyle">
-    <ModuleTransition>
-      <div v-if="recoShowModule && $page.title" class="page-title">
-        <h1 class="title">{{$page.title}}</h1>
-        <PageInfo :pageInfo="$page" :showAccessNumber="showAccessNumber"></PageInfo>
-      </div>
-    </ModuleTransition>
-
     <ModuleTransition delay="0.08">
-      <!-- 这里使用 v-show，否则影响 SSR -->
-      <Content v-show="recoShowModule" class="theme-reco-content" />
+      <section v-show="recoShowModule">
+        <div class="page-title">
+          <h1 class="title">{{$page.title}}</h1>
+          <PageInfo :pageInfo="$page" :showAccessNumber="showAccessNumber"></PageInfo>
+        </div>
+        <!-- 这里使用 v-show，否则影响 SSR -->
+        <Content class="theme-reco-content" />
+      </section>
     </ModuleTransition>
 
     <ModuleTransition delay="0.16">
@@ -53,10 +52,6 @@
     <ModuleTransition delay="0.32">
       <Comments v-if="recoShowModule" :isShowComments="shouldShowComments"/>
     </ModuleTransition>
-
-    <ModuleTransition delay="0.08">
-      <SubSidebar v-if="recoShowModule" class="side-bar" />
-    </ModuleTransition>
   </main>
 </template>
 

packages/vuepress-theme-reco/components/Page.vue

@@ -23,16 +23,20 @@ export default defineComponent({
     const instance = getCurrentInstance()
 
     const sidebarItems = computed(() => {
-      return resolveSidebarItems(
-        instance.$page,
-        instance.$page.regularPath,
-        instance.$site,
-        instance.$localePath
-      )
+      if (instance.$page) {
+        return resolveSidebarItems(
+          instance.$page,
+          instance.$page.regularPath,
+          instance.$site,
+          instance.$localePath
+        )
+      } else {
+        return []
+      }
     })
 
     const homeCom = computed(() => {
-      const { type } = instance.$themeConfig
+      const { type } = instance.$themeConfig || {}
       if (type !== undefined) {
         return type == 'blog' ? 'HomeBlog' : type
       }