Add not blog found card

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

components/archive/card.vue

@@ -1,14 +1,14 @@
 <script lang="ts" setup>
 interface Props {
-  path: string
+  path?: string
-  title: string
+  title?: string
-  date: string
+  date?: string
-  description: string
+  description?: string
-  image: string
+  image?: string
-  alt: string
+  alt?: string
-  ogImage: string
+  ogImage?: string
-  tags: Array<string>
+  tags?: Array<string>
-  published: boolean
+  published?: boolean
 }
 
 withDefaults(defineProps<Props>(), {

pages/blogs/index.vue

@@ -97,6 +97,12 @@ useHead({
             :published="post.published"
           />
         </template>
+
+        <ArchiveCard
+          v-if="paginatedData.length <= 0"
+          title="No Post Found"
+          image="/not-found.jpg"
+        />
       </div>
 
       <template #fallback>