haditha_ui/pages/hadith/library/index.vue

53 lines
1.2 KiB
Vue
Raw Normal View History

2025-02-26 07:52:21 +00:00
<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,
2025-02-11 10:17:22 +00:00
},
2025-02-26 07:52:21 +00:00
});
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")
);
2025-02-11 10:17:22 +00:00
</script>
2025-02-26 07:52:21 +00:00
<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>
2025-02-11 10:17:22 +00:00
2025-02-26 07:52:21 +00:00
<style scoped>
.search-box-container {
padding-top: 8.3em;
background: #f7fffd;
2025-02-11 10:17:22 +00:00
}
</style>