haditha_ui/pages/haditha/library/index.vue

53 lines
1.2 KiB
Vue
Raw Permalink Normal View History

2025-02-26 07:52:21 +00:00
<script setup>
definePageMeta({
layout: false,
2025-03-06 11:28:20 +00:00
name: "hadithaLibrary",
2025-02-26 07:52:21 +00:00
});
useHead({
2025-03-06 11:28:20 +00:00
name: "hadithaLibrary",
2025-02-26 07:52:21 +00:00
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
2025-03-06 11:28:20 +00:00
const HadithaLayout = defineAsyncComponent(() =>
import("@haditha/layouts/HadithaLayout.vue")
2025-02-26 07:52:21 +00:00
);
const NavigationMenu = defineAsyncComponent(() =>
2025-03-06 11:28:20 +00:00
import("@haditha/components/haditha/NavigationMenu.vue")
2025-02-26 07:52:21 +00:00
);
const CardList = defineAsyncComponent(() =>
2025-03-06 11:28:20 +00:00
import("@haditha/components/haditha/CardList.vue")
2025-02-26 07:52:21 +00:00
);
2025-02-11 10:17:22 +00:00
</script>
2025-02-26 07:52:21 +00:00
<template>
2025-03-06 11:28:20 +00:00
<HadithaLayout>
2025-02-26 07:52:21 +00:00
<div class="search-box-container h-full flex flex-col justify-center">
<navigation-menu></navigation-menu>
<card-list
no-data-text="هنوز چیزی ذخیره نکرده‌اید!"
2025-03-06 11:28:20 +00:00
no-data-icon="/img/haditha/no-data.png"
2025-02-26 07:52:21 +00:00
:list="state.libraryList"
></card-list>
</div>
2025-03-06 11:28:20 +00:00
</HadithaLayout>
2025-02-26 07:52:21 +00:00
</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>