haditha_ui/pages/hadith/library/index.vue
2025-02-26 11:22:21 +03:30

53 lines
1.2 KiB
Vue

<script setup>
definePageMeta({
layout: false,
name: "hadithLibrary",
});
useHead({
name: "hadithLibrary",
title: `${import.meta.env.VITE_HADITH_PAGE_TITLE} | کتابخانه`,
meta: [
{ name: "description", content: "کاوش با هوش مصنوعی در احادیث اسلامی" },
],
bodyAttrs: {
class: import.meta.env.VITE_HADITH_SYSTEM,
},
});
const state = reactive({
libraryList: new Array(20).fill(0),
});
// components declaration
const HadithLayout = defineAsyncComponent(() =>
import("@hadith/layouts/HadithLayout.vue")
);
const NavigationMenu = defineAsyncComponent(() =>
import("@hadith/components/hadith/NavigationMenu.vue")
);
const CardList = defineAsyncComponent(() =>
import("@hadith/components/hadith/CardList.vue")
);
</script>
<template>
<HadithLayout>
<div class="search-box-container h-full flex flex-col justify-center">
<navigation-menu></navigation-menu>
<card-list
no-data-text="هنوز چیزی ذخیره نکرده‌اید!"
no-data-icon="/img/no-data.png"
:list="state.libraryList"
></card-list>
</div>
</HadithLayout>
</template>
<style scoped>
.search-box-container {
padding-top: 8.3em;
background: #f7fffd;
}
</style>