External post item support

components/PostListItem.vue

@@ -1,10 +1,15 @@
 <template>
-  <h2>
+  <h2 v-if="content.external">
+    <NuxtLink :to="content.externalUrl" target="_blank">
+      {{ content.title }}
+    </NuxtLink>
+  </h2>
+  <h2 v-else>
     <NuxtLink :to="content._path">
       {{ content.title }}
     </NuxtLink>
   </h2>
-  <span>{{ date }}</span>
+  <span>{{ content.external ? "External Post - " : "" }}{{ content.language ? `${content.language} - ` : "" }}{{ date }}</span>
   <p>{{ content.description }}</p>
 </template>
 

content/testExternal.md

@@ -0,0 +1,11 @@
+---
+draft: true
+date: 2022-01-03
+title: Test External
+author: Oliver Larsson
+description:
+external: true
+externalUrl: https://larssonoliver.com
+language: Swedish
+---
+

pages/index.vue

@@ -19,7 +19,7 @@ const page = ref(+(route.query.page || 1));
 async function fetchData() {
   const { data } = await useAsyncData(() => {
     return queryContent<MarkdownParsedContent>()
-      .only(["title", "author", "date", "description", "_path"])
+      .only(["title", "author", "date", "description", "_path", "external", "externalUrl", "language"])
       .sort({ date: -1 })
       .skip(pageSize * (page.value - 1))
       .limit(pageSize)