From 6cf97c0041ffe91a10fab622c72a317d7674e408 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Thu, 4 Jul 2024 10:10:55 +0300
Subject: [PATCH] add img base

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

diff --git a/nuxt.config.ts b/nuxt.config.ts
index 96de4e5..da08ef3 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -54,7 +54,8 @@ export default defineNuxtConfig({
   ],
   runtimeConfig: {
     public: {
-      apiBase: 'https://mns.kustarshina.ru',
+      apiBase: 'https://mns.kustarshina.ru/kp',
+      imgBase: 'https://mns.kustarshina.ru',
       baseUrl: '',
     },
   },
diff --git a/pages/index.vue b/pages/index.vue
index 63c9306..2d14eaa 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 const config = useRuntimeConfig()
 const apiBase = config.public.apiBase
+const imgBase = config.public.imgBase
 
 import { marked } from 'marked';
 
@@ -54,7 +55,7 @@ const { data: advData } = await useFetch<ApiAdvantageType[]>(`${apiBase}/advanta
                     </div>
                 </div>
                 <div class="siteblock-image">
-                    <NuxtImg :src="[apiBase, about?.image].join('/')" alt="разные цвета забора" title=""
+                    <NuxtImg :src="[imgBase, about?.image].join('/')" alt="разные цвета забора" title=""
                         format="webp" />
                 </div>
                 <div class="feature">
@@ -68,14 +69,14 @@ const { data: advData } = await useFetch<ApiAdvantageType[]>(`${apiBase}/advanta
         </div>
         <div class="siteblock siteblock_imgbg bg-slate-500"
             :style="[{ backgroundImage: `url(${[apiBase, reviews?.image].join('/')})` }]" v-if="reviews">
-            <NuxtImg :src="[apiBase, reviews?.image].join('/')" class="invisible" alt="отзыв" title="" format="webp" loading="lazy" />
+            <NuxtImg :src="[imgBase, reviews?.image].join('/')" class="invisible" alt="отзыв" title="" format="webp" loading="lazy" />
         </div>
         <div class="siteblock bg-white" :id="reviews?.slug" v-if="reviews">
             <div class="container">
                 <template v-for="item in reviewsData?.slice(0, 3)">
                     <div class="review">
                         <div class="review-image">
-                            <NuxtImg :src="[apiBase, item.image].join('/')" :alt="item.text" title="" format="webp" loading="lazy" />
+                            <NuxtImg :src="[imgBase, item.image].join('/')" :alt="item.text" title="" format="webp" loading="lazy" />
                         </div>
                         <div class="review-content">
                             {{ item.comment }}
@@ -99,7 +100,7 @@ const { data: advData } = await useFetch<ApiAdvantageType[]>(`${apiBase}/advanta
         </div>
         <div class="siteblock siteblock_imgbg bg-slate-500"
             :style="[{ backgroundImage: `url(${[apiBase, delivery?.image].join('/')})` }]">
-            <NuxtImg :src="[apiBase, delivery?.image].join('/')" class="invisible" v-if="delivery"
+            <NuxtImg :src="[imgBase, delivery?.image].join('/')" class="invisible" v-if="delivery"
                 alt="коричневый забор" title="" format="webp" loading="lazy" />
         </div>
         <div class="siteblock siteblock_calc bg-white">