feat: support custom content in home layout

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>