From d2a28077bee58d4b2d47fcd300c6b7a3af4bcdcc Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Thu, 2 Jun 2022 22:56:55 +0800
Subject: [PATCH] feat: support custom content in home layout

---
 src/client/theme-default/components/VPHome.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/client/theme-default/components/VPHome.vue b/src/client/theme-default/components/VPHome.vue
index 12e85c39..54d8b5ba 100644
--- a/src/client/theme-default/components/VPHome.vue
+++ b/src/client/theme-default/components/VPHome.vue
@@ -1,6 +1,13 @@
 <script setup lang="ts">
 import VPHomeHero from './VPHomeHero.vue'
 import VPHomeFeatures from './VPHomeFeatures.vue'
+import { computed } from 'vue';
+import { useData } from 'vitepress';
+
+const { page } = useData()
+const pageName = computed(() => {
+  return page.value.relativePath.slice(0, page.value.relativePath.indexOf('/'))
+})
 </script>
 
 <template>
@@ -12,6 +19,14 @@ import VPHomeFeatures from './VPHomeFeatures.vue'
     <slot name="home-features-before" />
     <VPHomeFeatures />
     <slot name="home-features-after" />
+
+    <div class="content">
+      <div class="content-container">
+        <main class="main">
+          <Content class="vp-doc" :class="pageName" />
+        </main>
+      </div>
+    </div>
   </div>
 </template>