feat: Dashboard Functionality

nuxt/pages/index.vue

@@ -1,13 +1,19 @@
 <script setup lang="ts">
-definePageMeta({ middleware: ['auth'] })
+import BookInfoCard from '~/components/dashboard/BookInfoCard.vue'
 
-const modal = useModal();
-const router = useRouter();
-const auth = useAuthStore();
+definePageMeta({ middleware: ['auth'] })
+const { $storage } = useNuxtApp()
+
+const modal = useModal()
+const router = useRouter()
+const auth = useAuthStore()
+const bookRecommendationStore = useBookRecommendationStore()
+
+bookRecommendationStore.fetchActiveRecommendations()
 </script>
 
 <template>
-  <div>
-    This is the Page Content
+  <div v-if="bookRecommendationStore.fetchActiveRecommendationsStatus !== 'pending'">
+    <BookInfoCard v-for="book in bookRecommendationStore.recommendations" :key="book.id" :book="book" />
   </div>
 </template>