From 41987b6a880d99e78e48ae3b4a2e6b815e183348 Mon Sep 17 00:00:00 2001
From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
Date: Thu, 9 Mar 2023 12:28:48 +0530
Subject: [PATCH] feat(theme): add not-found layout slot (#2054)

---
 docs/guide/extending-default-theme.md             | 3 ++-
 src/client/theme-default/Layout.vue               | 1 +
 src/client/theme-default/components/VPContent.vue | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/guide/extending-default-theme.md b/docs/guide/extending-default-theme.md
index 88647cec..bcdc40fd 100644
--- a/docs/guide/extending-default-theme.md
+++ b/docs/guide/extending-default-theme.md
@@ -126,6 +126,8 @@ Full list of slots available in the default theme layout:
   - `home-hero-after`
   - `home-features-before`
   - `home-features-after`
+- On not found (404) page:
+  - `not-found`
 - Always:
   - `layout-top`
   - `layout-bottom`
@@ -135,4 +137,3 @@ Full list of slots available in the default theme layout:
   - `nav-bar-content-after`
   - `nav-screen-content-before`
   - `nav-screen-content-after`
-
diff --git a/src/client/theme-default/Layout.vue b/src/client/theme-default/Layout.vue
index f8d29b56..ac7cf693 100644
--- a/src/client/theme-default/Layout.vue
+++ b/src/client/theme-default/Layout.vue
@@ -54,6 +54,7 @@ provide('hero-image-slot-exists', heroImageSlotExists)
     </VPSidebar>
 
     <VPContent>
+      <template #not-found><slot name="not-found" /></template>
       <template #home-hero-before><slot name="home-hero-before" /></template>
       <template #home-hero-info><slot name="home-hero-info" /></template>
       <template #home-hero-image><slot name="home-hero-image" /></template>
diff --git a/src/client/theme-default/components/VPContent.vue b/src/client/theme-default/components/VPContent.vue
index 0f00d81f..6941c90f 100644
--- a/src/client/theme-default/components/VPContent.vue
+++ b/src/client/theme-default/components/VPContent.vue
@@ -19,7 +19,7 @@ const { hasSidebar } = useSidebar()
       'is-home': frontmatter.layout === 'home'
     }"
   >
-    <NotFound v-if="page.isNotFound" />
+    <slot name="not-found" v-if="page.isNotFound"><NotFound /></slot>
 
     <VPPage v-else-if="frontmatter.layout === 'page'" />