feat(theme): add footer-content slot (#299)

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>
 

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>

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>