diff --git a/src/components/BlogPostPreview.vue b/src/components/BlogPostPreview.vue
new file mode 100644
index 0000000..2f72490
--- /dev/null
+++ b/src/components/BlogPostPreview.vue
@@ -0,0 +1,44 @@
+<template>
+    <div id="BlogPostPreview">
+        <div id="title">{{meta.title}}</div>
+    </div>
+</template>
+
+<script lang="ts">
+import {Options, Vue} from 'vue-class-component';
+import {Prop} from "vue-property-decorator";
+import {hosts} from "@/scripts/constants";
+import {marked} from "marked";
+
+export interface BlogPostMeta
+{
+    title: string
+    tags: string[]
+    file: string
+    date: string
+
+    subtitle?: string
+    title_image?: string
+}
+
+@Options({components: {}})
+export default class BlogPostPreview extends Vue
+{
+    @Prop({required: true}) meta!: BlogPostMeta
+
+    created(): void
+    {
+        if (!this.meta.subtitle)
+        {
+            fetch(`${hosts.content}/${this.meta.file}`).then(it => it.text()).then(it =>
+            {
+                this.meta.subtitle = marked(it)
+            })
+        }
+    }
+}
+</script>
+
+<style lang="sass" scoped>
+
+</style>