fix warn

components/global/Separator.vue

@@ -1,13 +1,20 @@
 <template>
     <span class="separator">
-        <img
-            class="separator__img"
-            width="20"
-            height="20"
-            alt="MixDrinks logo"
-            title="MixDrinks logo"
-            src="/img/logo.png"
-        />
+        <picture class="cart__picture">
+            <source
+                srcset="/img/logo.png"
+                media="screen and (min-width: 1023px)"
+            />
+            <source srcset="/img/logo-mob.png" />
+            <img
+                class="separator__img"
+                width="20"
+                height="20"
+                alt="MixDrinks logo"
+                title="MixDrinks logo"
+                src="/img/logo-mob.png"
+            />
+        </picture>
     </span>
 </template>
 

components/global/styles/separator.scss

@@ -40,8 +40,8 @@
         height: 20px;
 
         @media (min-width: 1023px) {
-            width: 30px;
-            height: 30px;
+            width: 32px;
+            height: 32px;
         }
     }
 }

nuxt.config.js

@@ -3,6 +3,7 @@ import { MasterKeys } from './config'
 import { schemaOrganization, schemaWebSite } from './utils/schema'
 
 const isDev = process.env.NODE_ENV
+const year = 60 * 60 * 24 * 365
 
 export default defineNuxtConfig({
     devtools: { enabled: MasterKeys[isDev].devtools },
@@ -11,6 +12,17 @@ export default defineNuxtConfig({
         autoImport: false
     },
 
+    experimental: {
+        buildCache: true
+    },
+
+    nitro: {
+        routeRules: {
+          "/img/**": { headers: { 'cache-control': `public,max-age=${year},s-maxage=${year}` } },
+          "/scripts/**": { headers: { 'cache-control': `public,max-age=${year},s-maxage=${year}` } },
+        }
+    },
+
     ssr: true,
 
     app: {