feat(theme): add doc-footer-before slot (#1050) (#1052)

Co-authored-by: Divyansh Singh <[email protected]>

Author: Charles7c

docs/guide/theme-introduction.md

@@ -188,6 +188,7 @@ export default {
 Full list of slots available in the default theme layout:
 
 - When `layout: 'doc'` (default) is enabled via frontmatter:
+  - `doc-footer-before`
   - `doc-before`
   - `doc-after`
   - `aside-top`

src/client/theme-default/Layout.vue

@@ -46,6 +46,7 @@ provide('close-sidebar', closeSidebar)
       <template #home-features-before><slot name="home-features-before" /></template>
       <template #home-features-after><slot name="home-features-after" /></template>
 
+      <template #doc-footer-before><slot name="doc-footer-before" /></template>
       <template #doc-before><slot name="doc-before" /></template>
       <template #doc-after><slot name="doc-after" /></template>
 

src/client/theme-default/components/VPContent.vue

@@ -35,6 +35,7 @@ useCopyCode()
     </VPHome>
 
     <VPDoc v-else>
+      <template #doc-footer-before><slot name="doc-footer-before" /></template>
       <template #doc-before><slot name="doc-before" /></template>
       <template #doc-after><slot name="doc-after" /></template>
 

src/client/theme-default/components/VPDoc.vue

@@ -38,13 +38,11 @@ const pageName = computed(() =>
       <div class="content">
         <div class="content-container">
           <slot name="doc-before" />
-
           <main class="main">
             <Content class="vp-doc" :class="pageName" />
           </main>
-
+          <slot name="doc-footer-before" />
           <VPDocFooter />
-
           <slot name="doc-after" />
         </div>
       </div>