feat(theme-default): home slot for customizing the entire homepage ea…

…sily (#314)
vuejs · Oct 7, 2021 · 07bf145 · 07bf145
1 parent 389e863
commit 07bf145
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/src/client/theme-default/Layout.vue b/src/client/theme-default/Layout.vue
@@ -107,17 +107,22 @@ const pageClasses = computed(() => {
 
     <Content v-if="isCustomLayout" />
 
-    <Home v-else-if="enableHome">
-      <template #hero>
-        <slot name="home-hero" />
-      </template>
-      <template #features>
-        <slot name="home-features" />
-      </template>
-      <template #footer>
-        <slot name="home-footer" />
-      </template>
-    </Home>
+    <template v-else-if="enableHome">
+      <!-- A slot for customizing the entire homepage easily -->
+      <slot name="home">
+        <Home>
+          <template #hero>
+            <slot name="home-hero" />
+          </template>
+          <template #features>
+            <slot name="home-features" />
+          </template>
+          <template #footer>
+            <slot name="home-footer" />
+          </template>
+        </Home>
+      </slot>
+    </template>
 
     <Page v-else>
       <template #top>