feat: add externalLink frontmatter

pengzhanbo · Jan 31, 2024 · eb30e03 · eb30e03
1 parent 28cfb04
commit eb30e03
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git 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
@@ -27,6 +27,7 @@ export interface PlumeThemePageFrontmatter {
   prev?: string | NavItemWithLink
   next?: string | NavItemWithLink
   backToTop?: boolean
+  externalLink?: boolean
 }
 
 export interface PlumeThemePostFrontmatter extends PlumeThemePageFrontmatter {