From fabe316cf86cc89c39158371db797d6d94327755 Mon Sep 17 00:00:00 2001
From: nurRiyad <asadnurriyad@gmail.com>
Date: Thu, 26 Oct 2023 21:20:55 +0600
Subject: [PATCH] Use fixed width for nuxt image

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
---
 components/archive/card.vue | 1 +
 components/blog/Header.vue  | 1 +
 components/blog/card.vue    | 1 +
 3 files changed, 3 insertions(+)

diff --git a/components/archive/card.vue b/components/archive/card.vue
index 1fa8d4d..0b60040 100644
--- a/components/archive/card.vue
+++ b/components/archive/card.vue
@@ -30,6 +30,7 @@ withDefaults(defineProps<Props>(), {
       <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"
         />
diff --git a/components/blog/Header.vue b/components/blog/Header.vue
index 787400e..fe75d2c 100644
--- a/components/blog/Header.vue
+++ b/components/blog/Header.vue
@@ -26,6 +26,7 @@ withDefaults(defineProps<Props>(), {
     <NuxtImg
       :src="image || ''"
       :alt="alt || ''"
+      width="600"
       class="m-auto rounded-2xl shadow-lg h-32 md:h-72 w-4/6 md:w-4/5 content-center object-cover"
     />
     <p class="text-xs sm:text-sm my-3 max-w-xl mx-auto text-center text-zinc-600 dark:text-zinc-400">
diff --git a/components/blog/card.vue b/components/blog/card.vue
index bf12f22..f55508f 100644
--- a/components/blog/card.vue
+++ b/components/blog/card.vue
@@ -29,6 +29,7 @@ withDefaults(defineProps<Props>(), {
     <NuxtLink :to="path">
       <NuxtImg
         class="lg:h-48 md:h-36 w-full object-cover object-center rounded-t-2xl shadow-lg group-hover:scale-[1.02] transition-all duration-500"
+        width="300"
         :src="image"
         :alt="alt"
       />