diff --git a/src/scripts/models.ts b/src/scripts/models.ts
new file mode 100644
index 0000000..2a4b7ca
--- /dev/null
+++ b/src/scripts/models.ts
@@ -0,0 +1,25 @@
+export interface BlogPost
+{
+  id: number
+  title: string
+  tags: string[]
+  file: string
+  date: string
+  url_name: string
+
+  content: string
+
+  subtitle?: string
+  title_image?: string
+  category?: string
+  pinned?: number
+}
+
+export interface BlogMeta
+{
+  // tags[i] = [Tag Name, Number of Blog Posts]
+  tags: [string, number][]
+  // categories[i] = [Category Name, Number of Posts]
+  categories: [string, number][]
+  posts: BlogPost[]
+}
diff --git a/src/views/Blog.vue b/src/views/Blog.vue
index 95674bd..f2ba01c 100644
--- a/src/views/Blog.vue
+++ b/src/views/Blog.vue
@@ -17,19 +17,11 @@
 
 <script lang="ts">
 import {Options, Vue} from 'vue-class-component';
-import BlogPostPreview, {BlogPost} from "@/components/BlogPost.vue";
+import BlogPostPreview from "@/components/BlogPost.vue";
 import {hosts} from "@/scripts/constants";
 import {Prop} from "vue-property-decorator";
 import Loading from "@/components/Loading.vue";
-
-export interface BlogMeta
-{
-    // tags[i] = [Tag Name, Number of Blog Posts]
-    tags: [string, number][]
-    // categories[i] = [Category Name, Number of Posts]
-    categories: [string, number][]
-    posts: BlogPost[]
-}
+import {BlogMeta, BlogPost} from "@/scripts/models";
 
 export let staticMeta: BlogMeta = {tags: [], categories: [], posts: []}