45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
<template>
|
||
<VCard class="mt-6" variant="outlined">
|
||
<VCardTitle>
|
||
<VIcon icon="tabler-star" start /> Rezensionen & Bewertungen
|
||
</VCardTitle>
|
||
<VCardText>
|
||
<VCard
|
||
v-for="(review, index) in reviews"
|
||
:key="index"
|
||
class="mb-3 pa-3"
|
||
variant="outlined"
|
||
>
|
||
<div class="d-flex justify-space-between align-center">
|
||
<span><strong>{{ review.name }}</strong> am {{ review.date }}</span>
|
||
<VRating v-model="review.rating" readonly density="compact" size="small" />
|
||
</div>
|
||
<p class="mt-2">{{ review.text }}</p>
|
||
</VCard>
|
||
</VCardText>
|
||
</VCard>
|
||
</template>
|
||
|
||
<script setup>
|
||
const reviews = [
|
||
{
|
||
name: 'Anna L.',
|
||
date: '03.04.2025',
|
||
rating: 4,
|
||
text: 'Ein inspirierendes Buch – hat mich zum Nachdenken gebracht!',
|
||
},
|
||
{
|
||
name: 'Jonas M.',
|
||
date: '18.02.2025',
|
||
rating: 3,
|
||
text: 'Starker Mittelteil, etwas schwaches Ende. Trotzdem lesenswert.',
|
||
},
|
||
{
|
||
name: 'LeserIn',
|
||
date: '22.01.2025',
|
||
rating: 5,
|
||
text: 'Ich konnte es nicht aus der Hand legen! Spannung pur.',
|
||
},
|
||
]
|
||
</script>
|