From 3f7fa4133ce4cec47fa5f5e58cc714368ab4c283 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Mon, 21 Oct 2024 00:20:29 +0800
Subject: [PATCH] feat(theme): add `footer-content` slot (#299)

---
 theme/src/client/components/VPFooter.vue | 26 +++++++++++++-----------
 theme/src/client/layouts/Layout.vue      |  6 +++++-
 theme/src/client/layouts/NotFound.vue    |  6 +++++-
 3 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/theme/src/client/components/VPFooter.vue b/theme/src/client/components/VPFooter.vue
index 67677920..95d696f7 100644
--- a/theme/src/client/components/VPFooter.vue
+++ b/theme/src/client/components/VPFooter.vue
@@ -24,18 +24,20 @@ onMounted(() => {
     :class="{ 'has-sidebar': hasSidebar }"
     vp-footer
   >
-    <div class="container">
-      <p
-        v-if="theme.footer.message"
-        class="message"
-        v-html="theme.footer.message"
-      />
-      <p
-        v-if="theme.footer.copyright"
-        class="copyright"
-        v-html="theme.footer.copyright"
-      />
-    </div>
+    <slot name="footer-content">
+      <div class="container">
+        <p
+          v-if="theme.footer.message"
+          class="message"
+          v-html="theme.footer.message"
+        />
+        <p
+          v-if="theme.footer.copyright"
+          class="copyright"
+          v-html="theme.footer.copyright"
+        />
+      </div>
+    </slot>
   </footer>
 </template>
 
diff --git a/theme/src/client/layouts/Layout.vue b/theme/src/client/layouts/Layout.vue
index 0dcaa397..5420af0f 100644
--- a/theme/src/client/layouts/Layout.vue
+++ b/theme/src/client/layouts/Layout.vue
@@ -171,7 +171,11 @@ useCloseSidebarOnEscape(isSidebarOpen, closeSidebar)
         </VPContent>
       </slot>
       <VPBackToTop />
-      <VPFooter />
+      <VPFooter>
+        <template #footer-content>
+          <slot name="footer-content" />
+        </template>
+      </VPFooter>
 
       <slot name="layout-bottom" />
     </template>
diff --git a/theme/src/client/layouts/NotFound.vue b/theme/src/client/layouts/NotFound.vue
index 4b086965..7d40a539 100644
--- a/theme/src/client/layouts/NotFound.vue
+++ b/theme/src/client/layouts/NotFound.vue
@@ -60,7 +60,11 @@ const { theme } = useData()
         </div>
       </slot>
     </div>
-    <VPFooter />
+    <VPFooter>
+      <template #footer-content>
+        <slot name="footer-content" />
+      </template>
+    </VPFooter>
     <slot name="layout-bottom" />
   </div>
 </template>