From 2ab6ae2b1c9a619b8c00d9b246e76a90246eb16b Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sat, 30 Dec 2023 08:15:59 +0800
Subject: [PATCH] feat: support print page

---
 theme/src/client/components/PageAside.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/theme/src/client/components/PageAside.vue b/theme/src/client/components/PageAside.vue
index 637de599..5d1d4a50 100644
--- a/theme/src/client/components/PageAside.vue
+++ b/theme/src/client/components/PageAside.vue
@@ -28,6 +28,10 @@ function handleClick({ target: el }: Event) {
   )
   heading?.focus()
 }
+
+function handlePrint() {
+  window.print()
+}
 </script>
 
 <template>
@@ -42,7 +46,7 @@ function handleClick({ target: el }: Event) {
 
         <div class="outline-title">
           <span>{{ theme.outlineLabel || 'On this page' }}</span>
-          <IconPrint class="icon" />
+          <IconPrint class="icon" @click="handlePrint" />
         </div>
 
         <nav aria-labelledby="doc-outline-aria-label">
@@ -89,7 +93,7 @@ function handleClick({ target: el }: Event) {
   left: -1px;
   z-index: 0;
   opacity: 0;
-  width: 1px;
+  width: 2px;
   height: 18px;
   background-color: var(--vp-c-brand-1);
   transition: top 0.25s cubic-bezier(0, 1, 0.5, 1), background-color 0.5s,
@@ -109,5 +113,6 @@ function handleClick({ target: el }: Event) {
   width: 1em;
   height: 1em;
   font-size: 1.2em;
+  cursor: pointer;
 }
 </style>