<script setup lang="ts">
import BookInfoCard from '~/components/dashboard/BookInfoCard.vue'

definePageMeta({ middleware: ['auth'] })

const bookRecommendationStore = useBookRecommendationStore()

bookRecommendationStore.fetchActiveRecommendations()
</script>

<template>
  <div v-if="bookRecommendationStore.fetchActiveRecommendationsStatus !== 'pending'">
    <BookInfoCard v-for="book in bookRecommendationStore.recommendations" :key="book.id" :book="book" />
  </div>
</template>
