image

app.vue

@@ -18,6 +18,7 @@ type ApiKpType = {
 type ApiPagesType = {
   id: number
   title: string
+  menu_title: string
   slug: string
   content: string
 }
@@ -46,8 +47,6 @@ const about = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'about')
 
 const reviews = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'clients')
 const { data: reviewsData } = await useFetch<ApiReviewsType[]>(`${apiBase}/review/`)
- 
-
 </script>
 <template>
   <div>
@@ -59,7 +58,7 @@ const { data: reviewsData } = await useFetch<ApiReviewsType[]>(`${apiBase}/revie
         <div class="menu">
           <template v-for="item in pagesData">
             <NuxtLink :to="`#${item.slug}`">
-              {{ item.title }}
+              {{ item.menu_title }}
             </NuxtLink>
           </template>
         </div>
@@ -89,7 +88,7 @@ const { data: reviewsData } = await useFetch<ApiReviewsType[]>(`${apiBase}/revie
         <template v-for="item in reviewsData?.slice(0, 3)">
           <div class="review">
             <div class="review-image">
-              <NuxtImg :src="item.image" />
+              <NuxtImg :src="[apiBase, item.image].join('/')" />
             </div>
             <div class="review-content">
               {{ item.comment }}