From eb30e03116f5559f1919a7e4ba42ea0aa4b5389b Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Wed, 31 Jan 2024 09:14:59 +0800
Subject: [PATCH] feat: add `externalLink` frontmatter

---
 .../client/components/global/ExternalLinkIcon.vue  | 14 +++++++++++++-
 theme/src/shared/frontmatter.ts                    |  1 +
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/theme/src/client/components/global/ExternalLinkIcon.vue b/theme/src/client/components/global/ExternalLinkIcon.vue
index 190a68f3..09649f4e 100644
--- a/theme/src/client/components/global/ExternalLinkIcon.vue
+++ b/theme/src/client/components/global/ExternalLinkIcon.vue
@@ -1,9 +1,15 @@
 <script lang="ts" setup>
+import { usePageFrontmatter } from 'vuepress/client'
+import { computed } from 'vue'
 import IconExternalLink from '../icons/IconExternalLink.vue'
+import type { PlumeThemePageFrontmatter } from '../../../shared/index.js'
+
+const matter = usePageFrontmatter<PlumeThemePageFrontmatter>()
+const show = computed(() => matter.value.externalLink !== false)
 </script>
 
 <template>
-  <IconExternalLink class="external-icon" />
+  <IconExternalLink v-if="show" class="external-icon" />
 </template>
 
 <style scoped>
@@ -16,4 +22,10 @@ import IconExternalLink from '../icons/IconExternalLink.vue'
   color: var(--vp-c-text-3);
   vertical-align: middle;
 }
+
+@media print {
+  .external-icon {
+    display: none;
+  }
+}
 </style>
diff --git a/theme/src/shared/frontmatter.ts b/theme/src/shared/frontmatter.ts
index 04c537b0..7aacf2e0 100644
--- a/theme/src/shared/frontmatter.ts
+++ b/theme/src/shared/frontmatter.ts
@@ -27,6 +27,7 @@ export interface PlumeThemePageFrontmatter {
   prev?: string | NavItemWithLink
   next?: string | NavItemWithLink
   backToTop?: boolean
+  externalLink?: boolean
 }
 
 export interface PlumeThemePostFrontmatter extends PlumeThemePageFrontmatter {