From 9285ae4b7ef9c7d590b39778acb349a409ea549c Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sun, 3 Jan 2021 16:52:06 +0100
Subject: [PATCH] Post titles link to /post/:id page.

---
 frontend/components/PostPreview.vue | 5 ++++-
 frontend/pages/LandingPage.vue      | 2 ++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/components/PostPreview.vue b/frontend/components/PostPreview.vue
index ec9cd77..39c9b90 100644
--- a/frontend/components/PostPreview.vue
+++ b/frontend/components/PostPreview.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <h2>{{ post.title }}</h2>
+    <router-link :to="`/post/${ post.id }`">
+      <h2>{{ post.title }}</h2>
+    </router-link>
+
     <p><span>{{ post.date }}</span> by <span>{{ post.author }}</span></p>
 
     <img v-if="post.thumbnail" :src="post.thumbnail" />
diff --git a/frontend/pages/LandingPage.vue b/frontend/pages/LandingPage.vue
index 6202528..9ebd286 100644
--- a/frontend/pages/LandingPage.vue
+++ b/frontend/pages/LandingPage.vue
@@ -12,12 +12,14 @@ export default {
   data() {
     return {
       posts: [{
+        id: 1,
         title: "Welcome to Kevin's lab!",
         date: new Date(),
         author: "Kevin",
         description: "Welcome to the technical ramblings that go on in my brain. I will post information about my homelab, projects I undergo and tutorials as I find similar blogs on the internet very inspiring and informational; I can only hope that the same comes across here."
       },
       {
+        id: 2,
         title: "Building (another) NAS.",
         date: new Date(),
         author: "Kevin",