Use fixed width for nuxt image

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

Author: nurRiyad

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"
         />

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">

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"
       />