feat(theme-default): home slot for customizing the entire homepage easily (#314)

src/client/theme-default/Layout.vue

@@ -107,17 +107,22 @@ const pageClasses = computed(() => {
 
     <Content v-if="isCustomLayout" />
 
-    <Home v-else-if="enableHome">
+    <template v-else-if="enableHome">
-      <template #hero>
+      <!-- A slot for customizing the entire homepage easily -->
-        <slot name="home-hero" />
+      <slot name="home">
-      </template>
+        <Home>
-      <template #features>
+          <template #hero>
-        <slot name="home-features" />
+            <slot name="home-hero" />
-      </template>
+          </template>
-      <template #footer>
+          <template #features>
-        <slot name="home-footer" />
+            <slot name="home-features" />
-      </template>
+          </template>
-    </Home>
+          <template #footer>
+            <slot name="home-footer" />
+          </template>
+        </Home>
+      </slot>
+    </template>
 
     <Page v-else>
       <template #top>