feat(theme): add not-found layout slot (#2054)

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`
-

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>

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'" />