From 9dcb9db5298aaef0e160c45a41c3d2b149888ed8 Mon Sep 17 00:00:00 2001
From: cwaring <chris@wwaves.co>
Date: Wed, 26 May 2021 23:52:10 +0100
Subject: [PATCH] add PostMetaTitle

---
 src/.vuepress/theme/components/blog/PostMeta.vue      | 10 ++++++++--
 src/.vuepress/theme/components/blog/PostMetaTitle.vue |  7 +++++++
 2 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 src/.vuepress/theme/components/blog/PostMetaTitle.vue

diff --git a/src/.vuepress/theme/components/blog/PostMeta.vue b/src/.vuepress/theme/components/blog/PostMeta.vue
index 262b41b7..2af6e104 100644
--- a/src/.vuepress/theme/components/blog/PostMeta.vue
+++ b/src/.vuepress/theme/components/blog/PostMeta.vue
@@ -12,7 +12,7 @@
     </div>
     <UnstyledLink v-if="!onclick" :to="postPath" :title="title">
       <h1 class="type-h5 text-xl text-primary hover:underline clamp-3">
-        {{ title }}
+        <PostMetaTitle :title="title" :is-external="isExternal" />
       </h1>
     </UnstyledLink>
     <a
@@ -24,7 +24,7 @@
       @click="onclick"
     >
       <h1 class="type-h5 text-xl text-primary hover:underline clamp-3">
-        {{ title }}
+        <PostMetaTitle :title="title" :is-external="isExternal" />
       </h1>
     </a>
     <PostAuthor v-if="author" :author="author" />
@@ -50,9 +50,11 @@
 
 <script>
 import dayjs from 'dayjs'
+import { isExternal } from '@theme/util'
 import utc from 'dayjs/plugin/utc'
 import PostTag from '@theme/components/blog/PostTag'
 import PostAuthor from '@theme/components/blog/PostAuthor'
+import PostMetaTitle from '@theme/components/blog/PostMetaTitle'
 import UnstyledLink from '@theme/components/UnstyledLink'
 import countly from '../../util/countly'
 
@@ -62,6 +64,7 @@ export default {
     PostTag,
     PostAuthor,
     UnstyledLink,
+    PostMetaTitle,
   },
   props: {
     tags: {
@@ -104,6 +107,9 @@ export default {
         .utc(this.date)
         .format(this.$themeLocaleConfig.dateFormat || 'YYYY-MM-DD')
     },
+    isExternal() {
+      return isExternal(this.postPath)
+    },
   },
   methods: {
     handleCatClick() {
diff --git a/src/.vuepress/theme/components/blog/PostMetaTitle.vue b/src/.vuepress/theme/components/blog/PostMetaTitle.vue
new file mode 100644
index 00000000..37173a17
--- /dev/null
+++ b/src/.vuepress/theme/components/blog/PostMetaTitle.vue
@@ -0,0 +1,7 @@
+<template functional>
+  <span v-if="props.isExternal"
+    ><span class="mr-4">{{ props.title }}</span
+    ><OutboundLink class="-ml-4 pl-1" />
+  </span>
+  <span v-else>{{ props.title }}</span>
+</template>