From 32c09635accb60936ad924211d18faa6911739d6 Mon Sep 17 00:00:00 2001
From: Julien Nahum <julien@nahum.net>
Date: Wed, 10 Jan 2024 14:20:51 +0100
Subject: [PATCH] Last attempt at nuxt images efficiency

---
 client/nuxt.config.ts  | 2 +-
 client/pages/index.vue | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/nuxt.config.ts b/client/nuxt.config.ts
index bbaca19..ed137a1 100644
--- a/client/nuxt.config.ts
+++ b/client/nuxt.config.ts
@@ -58,7 +58,7 @@ export default defineNuxtConfig({
         }
     },
     image: {
-        quality: 90,
+        quality: 95,
     },
     sitemap,
     runtimeConfig
diff --git a/client/pages/index.vue b/client/pages/index.vue
index f2ff819..0eb6a24 100644
--- a/client/pages/index.vue
+++ b/client/pages/index.vue
@@ -3,7 +3,7 @@
     <section class="bg-gradient-to-b relative from-white to-gray-100 py-8 sm:py-16 ">
       <div class="absolute inset-0">
         <NuxtImg class="w-full h-full object-cover object-top"
-             src="/img/pages/ai_form_builder/background-pattern.svg" alt=""
+             src="/img/pages/ai_form_builder/background-pattern.svg" alt="Page abstract background"
         />
       </div>
 
@@ -88,7 +88,8 @@
           <div
             class="-m-2 rounded-xl bg-blue-900/5 p-2 backdrop-blur-sm ring-1 ring-inset ring-blue-900/10 lg:-m-4 lg:rounded-2xl lg:p-4"
           >
-            <NuxtImg src="/img/pages/welcome/product-cover.jpg"
+            <NuxtImg src="/img/pages/welcome/product-cover.jpg" placeholder
+                     sizes="320px sm:650px lg:900px"
                  alt="Product screenshot" loading="lazy" class="rounded-md shadow-2xl ring-1 ring-gray-900/10"
             />
           </div>