haditha_ui/pages/hadith/index.vue

<template>
  <HadithLayout>
    <section-one></section-one>
    <section-two></section-two>
    <section-three></section-three>
    <section-four></section-four>
    <section-five></section-five>
  </HadithLayout>
</template>
<script>
export default {
  name: "hadith",
  setup() {
    useHead({
      title: import.meta.env.VITE_HADITH_PAGE_TITLE,
      meta: [
        { name: "description", content: "کاوش با هوش مصنوعی در احادیث اسلامی" },
      ],
      bodyAttrs: {
        class: import.meta.env.VITE_HADITH_SYSTEM,
      },
    });

    definePageMeta({
      layout: false,
      name: "hadith",
    });
  },
  components: {
    SectionOne: defineAsyncComponent(() =>
      import("@hadith/components/hadith/hero-page/SectionOne.vue")
    ),
    SectionTwo: defineAsyncComponent(() =>
      import("@hadith/components/hadith/hero-page/SectionTwo.vue")
    ),
    SectionThree: defineAsyncComponent(() =>
      import("@hadith/components/hadith/hero-page/SectionThree.vue")
    ),
    SectionFour: defineAsyncComponent(() =>
      import("@hadith/components/hadith/hero-page/SectionFour.vue")
    ),
    SectionFive: defineAsyncComponent(() =>
      import("@hadith/components/hadith/hero-page/SectionFive.vue")
    ),
    HadithLayout: defineAsyncComponent(() =>
      import("@hadith/layouts/HadithLayout.vue")
    ),
  },
};
</script>
<style scoped></style>