refactor: PostCard 컴포넌트 분리

Author: toothlessdev

src/components/PostCard/PostCard.vue

@@ -29,18 +29,9 @@
 
 <script setup lang="ts">
 import { getCategoryColor } from "@/constants/colors";
+import type { Post } from "@/models/PostModel";
 import "./PostCard.css";
 
-interface Post {
-    url: string;
-    frontmatter: {
-        title: string;
-        createdAt: string;
-        category: string;
-        description: string;
-    };
-}
-
 interface Props {
     post: Post;
 }

src/components/PostCardList/PostCardList.vue

@@ -7,9 +7,10 @@
 </template>
 
 <script setup lang="ts">
-import { posts } from "../../../.vitepress/data/posts";
+import postsData from "../../../data/posts.json";
 import { computed } from "vue";
 import PostCard from "../PostCard/PostCard.vue";
+import type { Post } from "@/models/PostModel";
 import "./PostCardList.css";
 
 interface Props {
@@ -20,6 +21,8 @@ const props = withDefaults(defineProps<Props>(), {
     category: undefined,
 });
 
+const posts = postsData as Post[];
+
 const sortedPosts = computed(() => {
     if (props.category) {
         return posts.filter(