From e0d5416340aec139c9187f3ccabd76031251dd0e Mon Sep 17 00:00:00 2001
From: kazuya kawaguchi <kawakazu80@gmail.com>
Date: Tue, 27 Oct 2020 03:28:50 +0900
Subject: [PATCH] feat(client): custom layouting

---
 src/client/theme-default/Layout.vue          | 12 +++++++++++-
 src/client/theme-default/components/Home.vue |  3 +++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/client/theme-default/Layout.vue b/src/client/theme-default/Layout.vue
index 682c24eae049..abc6f8f98703 100644
--- a/src/client/theme-default/Layout.vue
+++ b/src/client/theme-default/Layout.vue
@@ -21,7 +21,17 @@
     <!-- TODO: make this button accessible -->
     <div class="sidebar-mask" @click="toggleSidebar(false)" />
     <main class="home" aria-labelledby="main-title" v-if="enableHome">
-      <Home />
+      <Home>
+        <template #hero>
+          <slot name="home-hero" />
+        </template>
+        <template #features>
+          <slot name="home-features" />
+        </template>
+        <template #footer>
+          <slot name="home-footer" />
+        </template>
+      </Home>
     </main>
     <main v-else>
       <Page>
diff --git a/src/client/theme-default/components/Home.vue b/src/client/theme-default/components/Home.vue
index a09c20a4afd0..1d2bd81ffa7b 100644
--- a/src/client/theme-default/components/Home.vue
+++ b/src/client/theme-default/components/Home.vue
@@ -26,6 +26,7 @@
     >
       <NavBarLink :item="actionLink" />
     </p>
+    <slot name="hero" />
   </header>
 
   <div
@@ -40,6 +41,7 @@
       <h2>{{ feature.title }}</h2>
       <p>{{ feature.details }}</p>
     </div>
+    <slot name="features" />
   </div>
 
   <div
@@ -47,6 +49,7 @@
     class="footer"
   >
     {{ data.footer }}
+    <slot name="footer" />
   </div>
 </template>