From cf105336a1d2971cbe9407b90106fda9dce7f3cb Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sun, 22 Oct 2023 14:19:33 +0200
Subject: [PATCH 01/12] feat(theme): don't print navbar when disabled

---
 src/client/theme-default/components/VPLocalNav.vue | 3 ++-
 src/client/theme-default/styles/base.css           | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/client/theme-default/components/VPLocalNav.vue b/src/client/theme-default/components/VPLocalNav.vue
index 35379095..b8cff063 100644
--- a/src/client/theme-default/components/VPLocalNav.vue
+++ b/src/client/theme-default/components/VPLocalNav.vue
@@ -44,7 +44,8 @@ const classes = computed(() => {
   return {
     VPLocalNav: true,
     fixed: empty.value,
-    'reached-top': y.value >= navHeight.value
+    'reached-top': y.value >= navHeight.value,
+    'screen-only': frontmatter.value.navbar === false,
   }
 })
 </script>
diff --git a/src/client/theme-default/styles/base.css b/src/client/theme-default/styles/base.css
index 5fb3a3cc..d74e72e7 100644
--- a/src/client/theme-default/styles/base.css
+++ b/src/client/theme-default/styles/base.css
@@ -250,3 +250,9 @@ mjx-container {
 mjx-container > svg {
   margin: auto;
 }
+
+@media print {
+  .screen-only {
+    display: none !important;
+  }
+}

From a9011b3a827f8ec8267008598590e93b8a1d65e4 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sun, 22 Oct 2023 14:24:35 +0200
Subject: [PATCH 02/12] chore: lint

---
 src/client/theme-default/components/VPLocalNav.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/client/theme-default/components/VPLocalNav.vue b/src/client/theme-default/components/VPLocalNav.vue
index b8cff063..7b5bb84c 100644
--- a/src/client/theme-default/components/VPLocalNav.vue
+++ b/src/client/theme-default/components/VPLocalNav.vue
@@ -45,7 +45,7 @@ const classes = computed(() => {
     VPLocalNav: true,
     fixed: empty.value,
     'reached-top': y.value >= navHeight.value,
-    'screen-only': frontmatter.value.navbar === false,
+    'screen-only': frontmatter.value.navbar === false
   }
 })
 </script>

From 48ae652d86a044f176337a6d9839a1cf02765797 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sun, 22 Oct 2023 14:57:11 +0200
Subject: [PATCH 03/12] chore: add `scree-only` also to `On this page`
 button/menu

---
 src/client/theme-default/components/VPDocOutlineDropdown.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/client/theme-default/components/VPDocOutlineDropdown.vue b/src/client/theme-default/components/VPDocOutlineDropdown.vue
index e6009402..1e93b7b8 100644
--- a/src/client/theme-default/components/VPDocOutlineDropdown.vue
+++ b/src/client/theme-default/components/VPDocOutlineDropdown.vue
@@ -23,7 +23,7 @@ onContentUpdated(() => {
 </script>
 
 <template>
-  <div class="VPDocOutlineDropdown" v-if="headers.length > 0">
+  <div v-if="headers.length > 0" class="VPDocOutlineDropdown" :class="{ 'screen-only': frontmatter.navbar === false }">
     <button @click="open = !open" :class="{ open }">
       {{ resolveTitle(theme) }}
       <VPIconChevronRight class="icon" />

From 46758a507ce58a3c0bc7941fc1c8165807d427c2 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sun, 22 Oct 2023 15:02:36 +0200
Subject: [PATCH 04/12] chore: move `screen-only` to `util.css`

---
 src/client/theme-default/styles/base.css  | 6 ------
 src/client/theme-default/styles/utils.css | 6 ++++++
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/client/theme-default/styles/base.css b/src/client/theme-default/styles/base.css
index d74e72e7..5fb3a3cc 100644
--- a/src/client/theme-default/styles/base.css
+++ b/src/client/theme-default/styles/base.css
@@ -250,9 +250,3 @@ mjx-container {
 mjx-container > svg {
   margin: auto;
 }
-
-@media print {
-  .screen-only {
-    display: none !important;
-  }
-}
diff --git a/src/client/theme-default/styles/utils.css b/src/client/theme-default/styles/utils.css
index 65c7e55e..00213c40 100644
--- a/src/client/theme-default/styles/utils.css
+++ b/src/client/theme-default/styles/utils.css
@@ -7,3 +7,9 @@
   clip-path: inset(50%);
   overflow: hidden;
 }
+
+@media print {
+  .screen-only {
+    display: none !important;
+  }
+}

From dc2f98c443c758cf125082b8868237cac5887625 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sun, 22 Oct 2023 18:08:18 +0200
Subject: [PATCH 05/12] feat(theme): add print options

---
 docs/.vitepress/theme/AdComponent.vue         | 15 ++++---
 .../theme-default/components/VPCarbonAds.vue  |  6 +++
 .../theme-default/components/VPContent.vue    | 17 +++++++-
 src/client/theme-default/components/VPDoc.vue | 14 ++++++-
 .../components/VPDocOutlineDropdown.vue       |  6 ++-
 .../theme-default/components/VPFooter.vue     |  8 +++-
 .../theme-default/components/VPLocalNav.vue   |  5 ++-
 src/client/theme-default/components/VPNav.vue |  4 +-
 .../theme-default/components/VPSidebar.vue    |  4 +-
 .../theme-default/composables/scree-only.ts   | 15 +++++++
 src/node/config.ts                            | 20 ++++++++-
 types/default-theme.d.ts                      | 42 +++++++++++++++++++
 12 files changed, 140 insertions(+), 16 deletions(-)
 create mode 100644 src/client/theme-default/composables/scree-only.ts

diff --git a/docs/.vitepress/theme/AdComponent.vue b/docs/.vitepress/theme/AdComponent.vue
index 15fc4d2e..a2493845 100644
--- a/docs/.vitepress/theme/AdComponent.vue
+++ b/docs/.vitepress/theme/AdComponent.vue
@@ -3,10 +3,13 @@ import icon from './documate.vue'
 </script>
 
 <template>
-  <div class="ad-component">
+  <div class="ad-component screen-only">
     <a target="_blank" href="https://github.com/aircodelabs/documate">
-      <icon class="icon"/>
-      <span>Embed AI chat in your VitePress using your own content. Open-source.</span>
+      <icon class="icon" />
+      <span
+        >Embed AI chat in your VitePress using your own content.
+        Open-source.</span
+      >
       <span class="cta">Try now →</span>
     </a>
   </div>
@@ -15,7 +18,7 @@ import icon from './documate.vue'
 <style scoped>
 .ad-component {
   margin-bottom: 2rem;
-  padding: .5rem .85rem;
+  padding: 0.5rem 0.85rem;
   border: 1px solid var(--vp-c-divider);
   border-radius: 4px;
   text-decoration: none;
@@ -30,8 +33,8 @@ import icon from './documate.vue'
 
 .ad-component .icon {
   display: inline-block;
-  width: .75rem;
-  height: .75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   margin-right: 0.3rem;
 }
 
diff --git a/src/client/theme-default/components/VPCarbonAds.vue b/src/client/theme-default/components/VPCarbonAds.vue
index a233d1ef..577e4717 100644
--- a/src/client/theme-default/components/VPCarbonAds.vue
+++ b/src/client/theme-default/components/VPCarbonAds.vue
@@ -106,4 +106,10 @@ if (carbonOptions) {
 .VPCarbonAds :deep(> div:first-of-type) {
   display: block;
 }
+
+@media print {
+  .VPCarbonAds {
+    display: none;
+  }
+}
 </style>
diff --git a/src/client/theme-default/components/VPContent.vue b/src/client/theme-default/components/VPContent.vue
index a1479dc6..8d6d832f 100644
--- a/src/client/theme-default/components/VPContent.vue
+++ b/src/client/theme-default/components/VPContent.vue
@@ -5,9 +5,12 @@ import { useSidebar } from '../composables/sidebar'
 import VPDoc from './VPDoc.vue'
 import VPHome from './VPHome.vue'
 import VPPage from './VPPage.vue'
+import { useScreenOnly } from '../composables/scree-only'
 
 const { page, frontmatter } = useData()
 const { hasSidebar } = useSidebar()
+const screenOnly = useScreenOnly('navbar')
+const screenOnlySidebar = useScreenOnly('sidebar')
 </script>
 
 <template>
@@ -16,7 +19,9 @@ const { hasSidebar } = useSidebar()
     id="VPContent"
     :class="{
       'has-sidebar': hasSidebar,
-      'is-home': frontmatter.layout === 'home'
+      'is-home': frontmatter.layout === 'home',
+      'with-screen-only': screenOnly,
+      'no-print-sidebar': screenOnlySidebar
     }"
   >
     <slot name="not-found" v-if="page.isNotFound"><NotFound /></slot>
@@ -92,4 +97,14 @@ const { hasSidebar } = useSidebar()
     padding-left: calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));
   }
 }
+
+@media print {
+  .VPContent.with-screen-only:not(.is-home) {
+    --vp-nav-height: 0;
+  }
+  .VPContent.with-screen-only.no-print-sidebar {
+    padding-left: 0;
+    width: 100%;
+  }
+}
 </style>
diff --git a/src/client/theme-default/components/VPDoc.vue b/src/client/theme-default/components/VPDoc.vue
index ab0b9121..95476384 100644
--- a/src/client/theme-default/components/VPDoc.vue
+++ b/src/client/theme-default/components/VPDoc.vue
@@ -6,11 +6,14 @@ import { useSidebar } from '../composables/sidebar'
 import VPDocAside from './VPDocAside.vue'
 import VPDocFooter from './VPDocFooter.vue'
 import VPDocOutlineDropdown from './VPDocOutlineDropdown.vue'
+import { useScreenOnly } from '../composables/scree-only'
 
 const { theme } = useData()
 
 const route = useRoute()
 const { hasSidebar, hasAside, leftAside } = useSidebar()
+const screenOnly = useScreenOnly('navbar')
+const screenOnlyOutline = useScreenOnly('outline')
 
 const pageName = computed(() =>
   route.path.replace(/[./]+/g, '_').replace(/_html$/, '')
@@ -20,11 +23,11 @@ const pageName = computed(() =>
 <template>
   <div
     class="VPDoc"
-    :class="{ 'has-sidebar': hasSidebar, 'has-aside': hasAside }"
+    :class="{ 'has-sidebar': hasSidebar, 'has-aside': hasAside, 'with-screen-only': screenOnly }"
   >
     <slot name="doc-top" />
     <div class="container">
-      <div v-if="hasAside" class="aside" :class="{'left-aside': leftAside}">
+      <div v-if="hasAside" class="aside" :class="{'left-aside': leftAside,'screen-only': screenOnlyOutline}">
         <div class="aside-curtain" />
         <div class="aside-container">
           <div class="aside-content">
@@ -207,4 +210,11 @@ const pageName = computed(() =>
   content: '';
   color: currentColor;
 }
+
+@media print {
+  /* will be moved to the left? */
+  .VPDoc.with-screen-only {
+    padding-top: 24px !important;
+  }
+}
 </style>
diff --git a/src/client/theme-default/components/VPDocOutlineDropdown.vue b/src/client/theme-default/components/VPDocOutlineDropdown.vue
index 1e93b7b8..f6035e6d 100644
--- a/src/client/theme-default/components/VPDocOutlineDropdown.vue
+++ b/src/client/theme-default/components/VPDocOutlineDropdown.vue
@@ -5,8 +5,11 @@ import { getHeaders, resolveTitle, type MenuItem } from '../composables/outline'
 import VPDocOutlineItem from './VPDocOutlineItem.vue'
 import { onContentUpdated } from 'vitepress'
 import VPIconChevronRight from './icons/VPIconChevronRight.vue'
+import { useScreenOnly } from '../composables/scree-only'
 
 const { frontmatter, theme } = useData()
+const screenOnly = useScreenOnly('navbar')
+
 const open = ref(false)
 
 onContentUpdated(() => {
@@ -14,7 +17,6 @@ onContentUpdated(() => {
 })
 
 const headers = shallowRef<MenuItem[]>([])
-
 onContentUpdated(() => {
   headers.value = getHeaders(
     frontmatter.value.outline ?? theme.value.outline
@@ -23,7 +25,7 @@ onContentUpdated(() => {
 </script>
 
 <template>
-  <div v-if="headers.length > 0" class="VPDocOutlineDropdown" :class="{ 'screen-only': frontmatter.navbar === false }">
+  <div v-if="headers.length > 0" class="VPDocOutlineDropdown" :class="{ 'screen-only': screenOnly }">
     <button @click="open = !open" :class="{ open }">
       {{ resolveTitle(theme) }}
       <VPIconChevronRight class="icon" />
diff --git a/src/client/theme-default/components/VPFooter.vue b/src/client/theme-default/components/VPFooter.vue
index d1dd939c..f7927b2c 100644
--- a/src/client/theme-default/components/VPFooter.vue
+++ b/src/client/theme-default/components/VPFooter.vue
@@ -1,13 +1,19 @@
 <script setup lang="ts">
 import { useData } from '../composables/data'
 import { useSidebar } from '../composables/sidebar'
+import { useScreenOnly } from '../composables/scree-only'
 
 const { theme, frontmatter } = useData()
 const { hasSidebar } = useSidebar()
+const screenOnly = useScreenOnly('footer')
 </script>
 
 <template>
-  <footer v-if="theme.footer && frontmatter.footer !== false" class="VPFooter" :class="{ 'has-sidebar': hasSidebar }">
+  <footer
+    v-if="theme.footer && frontmatter.footer !== false"
+    class="VPFooter"
+    :class="{ 'has-sidebar': hasSidebar, 'screen-only': screenOnly }"
+  >
     <div class="container">
       <p v-if="theme.footer.message" class="message" v-html="theme.footer.message"></p>
       <p v-if="theme.footer.copyright" class="copyright" v-html="theme.footer.copyright"></p>
diff --git a/src/client/theme-default/components/VPLocalNav.vue b/src/client/theme-default/components/VPLocalNav.vue
index 7b5bb84c..63c2dd52 100644
--- a/src/client/theme-default/components/VPLocalNav.vue
+++ b/src/client/theme-default/components/VPLocalNav.vue
@@ -7,6 +7,7 @@ import { getHeaders, type MenuItem } from '../composables/outline'
 import { useSidebar } from '../composables/sidebar'
 import VPLocalNavOutlineDropdown from './VPLocalNavOutlineDropdown.vue'
 import VPIconAlignLeft from './icons/VPIconAlignLeft.vue'
+import { useScreenOnly } from '../composables/scree-only'
 
 defineProps<{
   open: boolean
@@ -40,12 +41,14 @@ const empty = computed(() => {
   return headers.value.length === 0 && !hasSidebar.value
 })
 
+const screenOnly = useScreenOnly('navbar')
+
 const classes = computed(() => {
   return {
     VPLocalNav: true,
     fixed: empty.value,
     'reached-top': y.value >= navHeight.value,
-    'screen-only': frontmatter.value.navbar === false
+    'screen-only': screenOnly.value
   }
 })
 </script>
diff --git a/src/client/theme-default/components/VPNav.vue b/src/client/theme-default/components/VPNav.vue
index 577c8ece..993ea99a 100644
--- a/src/client/theme-default/components/VPNav.vue
+++ b/src/client/theme-default/components/VPNav.vue
@@ -5,9 +5,11 @@ import { useData } from '../composables/data'
 import { useNav } from '../composables/nav'
 import VPNavBar from './VPNavBar.vue'
 import VPNavScreen from './VPNavScreen.vue'
+import {useScreenOnly} from "../composables/scree-only";
 
 const { isScreenOpen, closeScreen, toggleScreen } = useNav()
 const { frontmatter } = useData()
+const screenOnly = useScreenOnly('navbar')
 
 const hasNavbar = computed(() => {
   return frontmatter.value.navbar !== false
@@ -23,7 +25,7 @@ watchEffect(() => {
 </script>
 
 <template>
-  <header v-if="hasNavbar" class="VPNav">
+  <header v-if="hasNavbar" class="VPNav" :class="{ 'screen-only': screenOnly }">
     <VPNavBar :is-screen-open="isScreenOpen" @toggle-screen="toggleScreen">
       <template #nav-bar-title-before><slot name="nav-bar-title-before" /></template>
       <template #nav-bar-title-after><slot name="nav-bar-title-after" /></template>
diff --git a/src/client/theme-default/components/VPSidebar.vue b/src/client/theme-default/components/VPSidebar.vue
index b5d4cadf..297c20f1 100644
--- a/src/client/theme-default/components/VPSidebar.vue
+++ b/src/client/theme-default/components/VPSidebar.vue
@@ -4,8 +4,10 @@ import { inBrowser } from 'vitepress'
 import { ref, watch } from 'vue'
 import { useSidebar } from '../composables/sidebar'
 import VPSidebarItem from './VPSidebarItem.vue'
+import { useScreenOnly } from '../composables/scree-only'
 
 const { sidebarGroups, hasSidebar } = useSidebar()
+const screenOnly = useScreenOnly('sidebar')
 
 const props = defineProps<{
   open: boolean
@@ -31,7 +33,7 @@ watch(
   <aside
     v-if="hasSidebar"
     class="VPSidebar"
-    :class="{ open }"
+    :class="{ open, 'screen-only': screenOnly }"
     ref="navEl"
     @click.stop
   >
diff --git a/src/client/theme-default/composables/scree-only.ts b/src/client/theme-default/composables/scree-only.ts
new file mode 100644
index 00000000..5461a80e
--- /dev/null
+++ b/src/client/theme-default/composables/scree-only.ts
@@ -0,0 +1,15 @@
+import { useData } from './data'
+import type { DefaultTheme } from 'vitepress/theme'
+import { computed } from 'vue'
+
+export function useScreenOnly(entry: keyof DefaultTheme.PrintOptions) {
+  const { theme, frontmatter } = useData()
+
+  return computed(
+    () =>
+      frontmatter.value[entry] === false ||
+      theme.value.print === false ||
+      (typeof theme.value.print === 'object' &&
+        theme.value.print[entry] === false)
+  )
+}
diff --git a/src/node/config.ts b/src/node/config.ts
index b2425c3e..295792fe 100644
--- a/src/node/config.ts
+++ b/src/node/config.ts
@@ -223,6 +223,24 @@ export async function resolveSiteData(
 ): Promise<SiteData> {
   userConfig = userConfig || (await resolveUserConfig(root, command, mode))[0]
 
+  const themeConfig = userConfig.themeConfig || {}
+
+  if (typeof themeConfig.print === 'boolean') {
+    themeConfig.print = {
+      outline: themeConfig.print,
+      navbar: themeConfig.print,
+      sidebar: themeConfig.print,
+      footer: themeConfig.print
+    }
+  }
+  else {
+    themeConfig.print ??= {}
+    themeConfig.print.outline ??= false
+    themeConfig.print.navbar ??= false
+    themeConfig.print.sidebar ??= false
+    themeConfig.print.footer ??= true
+  }
+
   return {
     lang: userConfig.lang || 'en-US',
     dir: userConfig.dir || 'ltr',
@@ -232,7 +250,7 @@ export async function resolveSiteData(
     base: userConfig.base ? userConfig.base.replace(/([^/])$/, '$1/') : '/',
     head: resolveSiteDataHead(userConfig),
     appearance: userConfig.appearance ?? true,
-    themeConfig: userConfig.themeConfig || {},
+    themeConfig,
     locales: userConfig.locales || {},
     scrollOffset: userConfig.scrollOffset ?? 90,
     cleanUrls: !!userConfig.cleanUrls,
diff --git a/types/default-theme.d.ts b/types/default-theme.d.ts
index 94dfb95c..6b3f613b 100644
--- a/types/default-theme.d.ts
+++ b/types/default-theme.d.ts
@@ -145,6 +145,19 @@ export namespace DefaultTheme {
      * Customize text of 404 page.
      */
     notFound?: NotFoundOptions
+
+    /**
+     * Customize how pages will be printed.
+     *
+     * To exclude `outline`, `navbar`, `sidebar` and `footer` from being printed, configure `print: false`.
+     *
+     * To print all of them, configure `print: true`.
+     *
+     * Frontmatter configuration will override the global configuration, for example, a page containing `navbar: false`, the navbar will not be printed.
+     *
+     * @default { outline: false, navbar: false, sidebar: false, footer: true }
+     */
+    print?: boolean | PrintOptions
   }
 
   // nav -----------------------------------------------------------------------
@@ -474,4 +487,33 @@ export namespace DefaultTheme {
      */
     code?: string
   }
+
+  // print options -----------------------------------------------------------------
+
+  export interface PrintOptions {
+    /**
+     * Should the outline be printed?
+     *
+     * @default false
+     */
+    outline?: boolean
+    /**
+     * Should the navbar be printed?
+     *
+     * @default false
+     */
+    navbar?: boolean
+    /**
+     * Should the sidebar be printed?
+     *
+     * @default false
+     */
+    sidebar?: boolean
+    /**
+     * Should the sidebar be printed?
+     *
+     * @default true
+     */
+    footer?: boolean
+  }
 }

From 290cb1a1022f50406dd8fc25b8854ef3964c4a13 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sun, 22 Oct 2023 18:13:24 +0200
Subject: [PATCH 06/12] fix: lint

---
 src/node/config.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/node/config.ts b/src/node/config.ts
index 295792fe..139a427f 100644
--- a/src/node/config.ts
+++ b/src/node/config.ts
@@ -232,8 +232,7 @@ export async function resolveSiteData(
       sidebar: themeConfig.print,
       footer: themeConfig.print
     }
-  }
-  else {
+  } else {
     themeConfig.print ??= {}
     themeConfig.print.outline ??= false
     themeConfig.print.navbar ??= false

From 0df3c6e4ed2193a8e603cacf44c4fc5e77e0fed0 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sun, 22 Oct 2023 18:18:48 +0200
Subject: [PATCH 07/12] chore: rename screen-only.ts composable

---
 src/client/theme-default/components/VPContent.vue               | 2 +-
 src/client/theme-default/components/VPDoc.vue                   | 2 +-
 src/client/theme-default/components/VPDocOutlineDropdown.vue    | 2 +-
 src/client/theme-default/components/VPFooter.vue                | 2 +-
 src/client/theme-default/components/VPLocalNav.vue              | 2 +-
 src/client/theme-default/components/VPNav.vue                   | 2 +-
 src/client/theme-default/components/VPSidebar.vue               | 2 +-
 .../theme-default/composables/{scree-only.ts => screen-only.ts} | 0
 8 files changed, 7 insertions(+), 7 deletions(-)
 rename src/client/theme-default/composables/{scree-only.ts => screen-only.ts} (100%)

diff --git a/src/client/theme-default/components/VPContent.vue b/src/client/theme-default/components/VPContent.vue
index 8d6d832f..11766ec9 100644
--- a/src/client/theme-default/components/VPContent.vue
+++ b/src/client/theme-default/components/VPContent.vue
@@ -5,7 +5,7 @@ import { useSidebar } from '../composables/sidebar'
 import VPDoc from './VPDoc.vue'
 import VPHome from './VPHome.vue'
 import VPPage from './VPPage.vue'
-import { useScreenOnly } from '../composables/scree-only'
+import { useScreenOnly } from '../composables/screen-only'
 
 const { page, frontmatter } = useData()
 const { hasSidebar } = useSidebar()
diff --git a/src/client/theme-default/components/VPDoc.vue b/src/client/theme-default/components/VPDoc.vue
index 95476384..6ab50b71 100644
--- a/src/client/theme-default/components/VPDoc.vue
+++ b/src/client/theme-default/components/VPDoc.vue
@@ -6,7 +6,7 @@ import { useSidebar } from '../composables/sidebar'
 import VPDocAside from './VPDocAside.vue'
 import VPDocFooter from './VPDocFooter.vue'
 import VPDocOutlineDropdown from './VPDocOutlineDropdown.vue'
-import { useScreenOnly } from '../composables/scree-only'
+import { useScreenOnly } from '../composables/screen-only'
 
 const { theme } = useData()
 
diff --git a/src/client/theme-default/components/VPDocOutlineDropdown.vue b/src/client/theme-default/components/VPDocOutlineDropdown.vue
index f6035e6d..e575c315 100644
--- a/src/client/theme-default/components/VPDocOutlineDropdown.vue
+++ b/src/client/theme-default/components/VPDocOutlineDropdown.vue
@@ -5,7 +5,7 @@ import { getHeaders, resolveTitle, type MenuItem } from '../composables/outline'
 import VPDocOutlineItem from './VPDocOutlineItem.vue'
 import { onContentUpdated } from 'vitepress'
 import VPIconChevronRight from './icons/VPIconChevronRight.vue'
-import { useScreenOnly } from '../composables/scree-only'
+import { useScreenOnly } from '../composables/screen-only'
 
 const { frontmatter, theme } = useData()
 const screenOnly = useScreenOnly('navbar')
diff --git a/src/client/theme-default/components/VPFooter.vue b/src/client/theme-default/components/VPFooter.vue
index f7927b2c..4a92be68 100644
--- a/src/client/theme-default/components/VPFooter.vue
+++ b/src/client/theme-default/components/VPFooter.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useData } from '../composables/data'
 import { useSidebar } from '../composables/sidebar'
-import { useScreenOnly } from '../composables/scree-only'
+import { useScreenOnly } from '../composables/screen-only'
 
 const { theme, frontmatter } = useData()
 const { hasSidebar } = useSidebar()
diff --git a/src/client/theme-default/components/VPLocalNav.vue b/src/client/theme-default/components/VPLocalNav.vue
index 63c2dd52..025d8988 100644
--- a/src/client/theme-default/components/VPLocalNav.vue
+++ b/src/client/theme-default/components/VPLocalNav.vue
@@ -7,7 +7,7 @@ import { getHeaders, type MenuItem } from '../composables/outline'
 import { useSidebar } from '../composables/sidebar'
 import VPLocalNavOutlineDropdown from './VPLocalNavOutlineDropdown.vue'
 import VPIconAlignLeft from './icons/VPIconAlignLeft.vue'
-import { useScreenOnly } from '../composables/scree-only'
+import { useScreenOnly } from '../composables/screen-only'
 
 defineProps<{
   open: boolean
diff --git a/src/client/theme-default/components/VPNav.vue b/src/client/theme-default/components/VPNav.vue
index 993ea99a..814b6678 100644
--- a/src/client/theme-default/components/VPNav.vue
+++ b/src/client/theme-default/components/VPNav.vue
@@ -5,7 +5,7 @@ import { useData } from '../composables/data'
 import { useNav } from '../composables/nav'
 import VPNavBar from './VPNavBar.vue'
 import VPNavScreen from './VPNavScreen.vue'
-import {useScreenOnly} from "../composables/scree-only";
+import {useScreenOnly} from "../composables/screen-only";
 
 const { isScreenOpen, closeScreen, toggleScreen } = useNav()
 const { frontmatter } = useData()
diff --git a/src/client/theme-default/components/VPSidebar.vue b/src/client/theme-default/components/VPSidebar.vue
index 297c20f1..251c4bd3 100644
--- a/src/client/theme-default/components/VPSidebar.vue
+++ b/src/client/theme-default/components/VPSidebar.vue
@@ -4,7 +4,7 @@ import { inBrowser } from 'vitepress'
 import { ref, watch } from 'vue'
 import { useSidebar } from '../composables/sidebar'
 import VPSidebarItem from './VPSidebarItem.vue'
-import { useScreenOnly } from '../composables/scree-only'
+import { useScreenOnly } from '../composables/screen-only'
 
 const { sidebarGroups, hasSidebar } = useSidebar()
 const screenOnly = useScreenOnly('sidebar')
diff --git a/src/client/theme-default/composables/scree-only.ts b/src/client/theme-default/composables/screen-only.ts
similarity index 100%
rename from src/client/theme-default/composables/scree-only.ts
rename to src/client/theme-default/composables/screen-only.ts

From 7380e36691439716754f8e08cb7c8bd7cc4b26d2 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sun, 22 Oct 2023 18:28:00 +0200
Subject: [PATCH 08/12] chore: typo in footer jsdocs

---
 types/default-theme.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/default-theme.d.ts b/types/default-theme.d.ts
index 6b3f613b..bae68e59 100644
--- a/types/default-theme.d.ts
+++ b/types/default-theme.d.ts
@@ -510,7 +510,7 @@ export namespace DefaultTheme {
      */
     sidebar?: boolean
     /**
-     * Should the sidebar be printed?
+     * Should the footer be printed?
      *
      * @default true
      */

From d58d3b44b439e566f743c610c8c5a7d0015c0396 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sun, 22 Oct 2023 18:56:47 +0200
Subject: [PATCH 09/12] chore: handle fm aside and outline for outline

---
 .../theme-default/composables/screen-only.ts       | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/client/theme-default/composables/screen-only.ts b/src/client/theme-default/composables/screen-only.ts
index 5461a80e..fbd39ef3 100644
--- a/src/client/theme-default/composables/screen-only.ts
+++ b/src/client/theme-default/composables/screen-only.ts
@@ -5,11 +5,13 @@ import { computed } from 'vue'
 export function useScreenOnly(entry: keyof DefaultTheme.PrintOptions) {
   const { theme, frontmatter } = useData()
 
-  return computed(
-    () =>
-      frontmatter.value[entry] === false ||
-      theme.value.print === false ||
-      (typeof theme.value.print === 'object' &&
-        theme.value.print[entry] === false)
+  // we have aside and outline in frontmatter, we will check for both for outline
+  return computed(() =>
+    entry === 'outline'
+      ? frontmatter.value.aside === false || frontmatter.value.outline === false
+      : frontmatter.value[entry] === false ||
+        theme.value.print === false ||
+        (typeof theme.value.print === 'object' &&
+          theme.value.print[entry] === false)
   )
 }

From 420aabc237049c987274e7e91e6a26c852751399 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sun, 22 Oct 2023 19:04:08 +0200
Subject: [PATCH 10/12] chore: fix sizes

---
 src/client/theme-default/components/VPDoc.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/client/theme-default/components/VPDoc.vue b/src/client/theme-default/components/VPDoc.vue
index 6ab50b71..946d26fe 100644
--- a/src/client/theme-default/components/VPDoc.vue
+++ b/src/client/theme-default/components/VPDoc.vue
@@ -212,9 +212,11 @@ const pageName = computed(() =>
 }
 
 @media print {
-  /* will be moved to the left? */
   .VPDoc.with-screen-only {
     padding-top: 24px !important;
   }
+  .VPDoc.has-aside.with-screen-only .content-container {
+    max-width: unset;
+  }
 }
 </style>

From 0519e94878e21a6685d268c2303ea1f796b60b3d Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sun, 22 Oct 2023 20:08:34 +0200
Subject: [PATCH 11/12] chore: change print option, all defaults to true

---
 .../theme-default/composables/screen-only.ts      | 15 ++++++++-------
 src/node/config.ts                                | 15 ++++-----------
 types/default-theme.d.ts                          | 12 +++++-------
 3 files changed, 17 insertions(+), 25 deletions(-)

diff --git a/src/client/theme-default/composables/screen-only.ts b/src/client/theme-default/composables/screen-only.ts
index fbd39ef3..4eea1f84 100644
--- a/src/client/theme-default/composables/screen-only.ts
+++ b/src/client/theme-default/composables/screen-only.ts
@@ -6,12 +6,13 @@ export function useScreenOnly(entry: keyof DefaultTheme.PrintOptions) {
   const { theme, frontmatter } = useData()
 
   // we have aside and outline in frontmatter, we will check for both for outline
-  return computed(() =>
-    entry === 'outline'
-      ? frontmatter.value.aside === false || frontmatter.value.outline === false
-      : frontmatter.value[entry] === false ||
-        theme.value.print === false ||
-        (typeof theme.value.print === 'object' &&
-          theme.value.print[entry] === false)
+  return computed(
+    () =>
+      (entry === 'outline'
+        ? frontmatter.value.aside === false ||
+          frontmatter.value.outline === false
+        : frontmatter.value[entry] === false) ||
+      theme.value.print === false ||
+      theme.value.print![entry] === false
   )
 }
diff --git a/src/node/config.ts b/src/node/config.ts
index 139a427f..1ca1127f 100644
--- a/src/node/config.ts
+++ b/src/node/config.ts
@@ -225,18 +225,11 @@ export async function resolveSiteData(
 
   const themeConfig = userConfig.themeConfig || {}
 
-  if (typeof themeConfig.print === 'boolean') {
-    themeConfig.print = {
-      outline: themeConfig.print,
-      navbar: themeConfig.print,
-      sidebar: themeConfig.print,
-      footer: themeConfig.print
-    }
-  } else {
+  if (typeof themeConfig.print !== 'boolean') {
     themeConfig.print ??= {}
-    themeConfig.print.outline ??= false
-    themeConfig.print.navbar ??= false
-    themeConfig.print.sidebar ??= false
+    themeConfig.print.outline ??= true
+    themeConfig.print.navbar ??= true
+    themeConfig.print.sidebar ??= true
     themeConfig.print.footer ??= true
   }
 
diff --git a/types/default-theme.d.ts b/types/default-theme.d.ts
index bae68e59..04aaf038 100644
--- a/types/default-theme.d.ts
+++ b/types/default-theme.d.ts
@@ -151,13 +151,11 @@ export namespace DefaultTheme {
      *
      * To exclude `outline`, `navbar`, `sidebar` and `footer` from being printed, configure `print: false`.
      *
-     * To print all of them, configure `print: true`.
-     *
      * Frontmatter configuration will override the global configuration, for example, a page containing `navbar: false`, the navbar will not be printed.
      *
-     * @default { outline: false, navbar: false, sidebar: false, footer: true }
+     * @default { outline: true, navbar: true, sidebar: true, footer: true }
      */
-    print?: boolean | PrintOptions
+    print?: false | PrintOptions
   }
 
   // nav -----------------------------------------------------------------------
@@ -494,19 +492,19 @@ export namespace DefaultTheme {
     /**
      * Should the outline be printed?
      *
-     * @default false
+     * @default true
      */
     outline?: boolean
     /**
      * Should the navbar be printed?
      *
-     * @default false
+     * @default true
      */
     navbar?: boolean
     /**
      * Should the sidebar be printed?
      *
-     * @default false
+     * @default true
      */
     sidebar?: boolean
     /**

From 38b8c4dc2e99a8e9a2fa24a49e48198eed17e21c Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sun, 22 Oct 2023 21:30:30 +0200
Subject: [PATCH 12/12] chore: add `Print Pages` to the docs

---
 docs/.vitepress/config.ts                   |  3 +-
 docs/reference/default-theme-print-pages.md | 54 +++++++++++++++++++++
 2 files changed, 56 insertions(+), 1 deletion(-)
 create mode 100644 docs/reference/default-theme-print-pages.md

diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 4818af45..c135662f 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -175,7 +175,8 @@ function sidebarReference(): DefaultTheme.SidebarItem[] {
             { text: 'Edit Link', link: 'edit-link' },
             { text: 'Last Updated Timestamp', link: 'last-updated' },
             { text: 'Search', link: 'search' },
-            { text: 'Carbon Ads', link: 'carbon-ads' }
+            { text: 'Carbon Ads', link: 'carbon-ads' },
+            { text: 'Print Pages', link: 'print-pages' }
           ]
         }
       ]
diff --git a/docs/reference/default-theme-print-pages.md b/docs/reference/default-theme-print-pages.md
new file mode 100644
index 00000000..d325da54
--- /dev/null
+++ b/docs/reference/default-theme-print-pages.md
@@ -0,0 +1,54 @@
+# Print Pages
+
+You can control what parts of the pages are printed using the `print` option. VitePress will show the whole page by default, excluding carbon-ads.
+
+Any page with Frontmatter configuration will override the global configuration, for example, the navbar will be hidden when the page containing `navbar: false`.
+
+VitePress has the `screen-only` class to hide elements when printing, you can use it in any component, html or Markdown html content.
+
+```js
+export default {
+  themeConfig: {
+    // or `print: false` to print only the main content  
+    print: {
+      outline: true,
+      navbar: true,
+      sidebar: true,
+      footer: true
+    }
+  }
+}
+```
+
+## navbar
+
+- Type: `boolean`
+
+- Details:
+
+  This flag will control the navbar visibility when printing, and will be overriden by the Frontmatter navbar option if set to `false` (navbar will not be visible).
+
+## sidebar
+
+- Type: `boolean`
+
+- Details:
+
+  This flag will control the left sidebar visibility when printing, and will be overriden by the Frontmatter sidebar option if set to `false` (sidebar will not be visible).
+
+## outline
+
+- Type: `boolean`
+
+- Details:
+
+  This flag will control the aside and outline visibility when printing, and will be overriden by the Frontmatter aside and outline options if any set to `false` (right aside will not be visible).
+
+
+## footer
+
+- Type: `boolean`
+
+- Details:
+
+  This flag will control the footer visibility when printing, and will be overriden by the Frontmatter footer option if set to `false` (footer will not be visible).