mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

image

This commit is contained in:
Kseninia Mikhaylova 2024-06-05 11:16:50 +03:00
parent bd7d8068c9
commit 61284260aa
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app.vue
View File

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