update

app/components/archive/card.vue

@@ -3,10 +3,6 @@ interface Props {
   path?: string;
   title?: string;
   date?: string;
-  description?: string;
-  image?: string;
-  alt?: string;
-  ogImage?: string;
   tags?: Array<string>;
   published?: boolean;
 }
@@ -15,10 +11,6 @@ withDefaults(defineProps<Props>(), {
   path: "/",
   title: "no-title",
   date: "no-date",
-  description: "no-description",
-  image: "/blogs-img/blog.jpg",
-  alt: "no-alt",
-  ogImage: "/blogs-img/blog.jpg",
   tags: () => [],
   published: false,
 });
@@ -28,21 +20,11 @@ withDefaults(defineProps<Props>(), {
   <article
     class="group border dark:border-gray-800 m-2 rounded-2xl overflow-hidden shadow-sm text-zinc-700 dark:text-zinc-300">
     <NuxtLink :to="path" class="grid grid-cols-1 sm:grid-cols-10 gap-1">
-      <div class="sm:col-span-3">
-        <NuxtImg
-          class="h-full w-full object-cover object-center rounded-t-2xl sm:rounded-l-2xl sm:rounded-t-none shadow-lg group-hover:scale-[1.02] transition-all duration-500"
-          width="300"
-          :src="image"
-          :alt="alt" />
-      </div>
-      <div class="sm:col-span-7 p-5">
+      <div class="sm:col-span-10 p-5">
         <h2
           class="text-xl font-semibold text-black dark:text-zinc-300 pb-1 group-hover:text-sky-700 dark:group-hover:text-sky-400">
           {{ title }}
         </h2>
-        <p class="text-ellipsis line-clamp-2">
-          {{ description }}
-        </p>
         <div class="text-black dark:text-zinc-300 text-sm mt-2 mb-1 md:flex md:space-x-6">
           <div class="flex items-center">
             <LogoDate class="-translate-y-[10%]" />