From 4f678bd6bd17658b058889c2b630f098103d54ef Mon Sep 17 00:00:00 2001
From: Ivan Yv <steel-97@mail.ru>
Date: Wed, 31 Jan 2024 21:30:59 +0300
Subject: [PATCH] Better SEO

---
 src/app.vue                  | 4 ++--
 src/components/AppHeader.vue | 9 +++++----
 src/error.vue                | 2 +-
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/app.vue b/src/app.vue
index 15b8e3a..8a44f52 100644
--- a/src/app.vue
+++ b/src/app.vue
@@ -25,7 +25,7 @@ const route = useRoute();
 const { t } = useI18n();
 const img = useImage();
 const backgroundImg = computed(() => {
-  const imgUrl = img('/images/bg.png', { width: 3500 })
+  const imgUrl = img('/images/bg.png', { width: 3500, format: "webp" })
   return `url('${imgUrl}')`;
 });
 
@@ -52,7 +52,7 @@ const meta = computed(() => {
       },
       {
         name: "og:image",
-        content: img("/images/ogimage.png", { width: 251 }),
+        content: img("/images/ogimage.png", { width: 251, format: "webp" }),
       },
       {
         name: "og:site_name",
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 1a7def5..b4f6fcf 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -11,8 +11,9 @@
                                                                                 py-2
                                                                                 md:py-3
                                                                               ">
-        <NuxtLink @click="navTo('/')" :aria-label="t('Core.Header.Logo')">
-          <NuxtImg src="/images/logo.png" width="96" height="auto" :alt="t('Core.Header.Logo')" />
+        <NuxtLink :to="localePath('/')" @click="navTo('/')" :aria-label="t('Core.Header.Logo')">
+          <NuxtImg src="/images/logo.png" width="96" height="auto" :format="'webp'" :alt="t('Core.Header.Logo')" />
+          <span class="invisible">{{ t('Core.Header.Logo') }}</span>
         </NuxtLink>
         <div class="-mr-2 -my-2 md:hidden">
           <button type="button" class="
@@ -122,11 +123,11 @@ const router = useRouter();
 
 const img = useImage();
 const localeEN = computed(() => {
-  const imgUrl = img('/images/locales/en.png', { width: 64 })
+  const imgUrl = img('/images/locales/en.png', { width: 64, format: "webp" })
   return `url('${imgUrl}')`;
 });
 const localeRU = computed(() => {
-  const imgUrl = img('/images/locales/ru.png', { width: 64 })
+  const imgUrl = img('/images/locales/ru.png', { width: 64, format: "webp" })
   return `url('${imgUrl}')`;
 });
 
diff --git a/src/error.vue b/src/error.vue
index 7283d9c..2f75ce0 100644
--- a/src/error.vue
+++ b/src/error.vue
@@ -46,7 +46,7 @@ const meta = computed(() => {
             },
             {
                 name: "og:image",
-                content: img("/images/ogimage.png", { width: 251 }),
+                content: img("/images/ogimage.png", { width: 251, format: "webp" }),
             },
             {
                 name: "og:site_name",