From 8ace808e6e4786e526433d23c745120ccef9f478 Mon Sep 17 00:00:00 2001
From: Azalea Gui <me@hydev.org>
Date: Fri, 3 Mar 2023 01:02:50 -0500
Subject: [PATCH] [O] Split models

---
 src/scripts/models.ts | 25 +++++++++++++++++++++++++
 src/views/Blog.vue    | 12 ++----------
 2 files changed, 27 insertions(+), 10 deletions(-)
 create mode 100644 src/scripts/models.ts

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: []}