{"version":3,"mappings":";ogBA6CA,MAAMA,EAAaC,EAAI,CACrB,CAAE,GAAI,CAAE,EAAG,CAAE,GAAI,CAAE,EAAG,CAAE,GAAI,CAAE,EAAG,CAAE,GAAI,CAAE,EAC1C,k6FCgDDC,EAAQ,KAAO,CACb,MAAO,wBACP,KAAM,CACJ,CACE,IAAK,cACL,KAAM,cACN,QACE,oCACJ,EACA,CAAE,IAAK,WAAY,SAAU,WAAY,QAAS,kBAAmB,EACrE,CACE,IAAK,iBACL,SAAU,iBACV,QACE,oCACJ,EACA,CAAE,IAAK,WAAY,SAAU,WAAY,QAAS,EAAG,EAEvD,EACA,EAEF,MAAMC,EAAgBC,EAAiB,EACjCC,EAAgBC,EAAwB,EACxCC,EAAwBC,EAAyB,EACjDC,EAAYC,EAAa,EAEzBC,EAAgBC,EAAS,IAAMT,EAAc,IAAI,EACjDU,EAAuBD,EAAS,IAAMT,EAAc,OAAO,EAC3DW,EAAgBF,EAAS,IAAMP,EAAc,IAAI,EACjDU,EAAuBH,EAAS,IAAMP,EAAc,OAAO,EAC3DW,EAAwBJ,EAAS,IAAML,EAAsB,IAAI,EACjEU,EAA+BL,EAAS,IAAML,EAAsB,OAAO,EAC3EW,EAAYN,EAAS,IAAMH,EAAU,IAAI,EACzCU,EAAmBP,EAAS,IAAMH,EAAU,OAAO,EACnDW,EAAUnB,EAAqE,CACnF,OAAQ,GACR,QAAS,GACV,EAED,OAAAoB,EAAc,SAAY,CACpB,IACI,MAAAC,EAAmB,MAAMnB,EAAc,MAAM,EAC7CoB,EAAmB,MAAMlB,EAAc,MAAM,EAC7CmB,EAA2B,MAAMjB,EAAsB,MAAM,EAC7DkB,EAAe,MAAMhB,EAAU,MAAM,EACvCa,GAAoBC,GAAoBC,GAA4BC,IACtEL,EAAQ,MAAQ,CACd,OAAQ,GACR,QAAS,GACT,SAAU,EACZ,SAEKM,EAAO,CACN,cAAMA,EAAO,gCAAgC,EACvD,CACD","names":["dummyItems","ref","useHead","insightsStore","useInsightsStore","foundersStore","useFounderProfilesStore","recommendedReadsStore","useRecommendedReadsStore","newsStore","useNewsStore","stateInsights","computed","stateInsightsLoading","stateFounders","stateFoundersLoading","stateRecommendedReads","stateRecommendedReadsLoading","stateNews","stateNewsLoading","success","onBeforeMount","insightsResponse","foundersResponse","recommendedReadsResponse","newsResponse","error"],"ignoreList":[],"sources":["../../../../components/skeletons/HomeGridCardSkeleton.vue","../../../../pages/index.vue"],"sourcesContent":["<template>\n  <div class=\"gridWrapper w-full\">\n    <div class=\"left stickyColumn\">\n      <div class=\"post-thumb w-full min-h-[330px] rounded-[4px] hover:scale-[1.01] transition-all cursor-pointer\">\n        <div class=\"thumbImg lg:h-[100vh] h-[330px] w-full lg:mb-3 mb-6 overflow-hidden rounded-[4px] relative\">\n          <div class=\"w-full h-full bg-faintGrey animate-pulse\"/>\n          <div class=\"absolute bottom-0 left-0 p-4 w-[-webkit-fill-available] backdrop-blur-[1px]\">\n            <div class=\"flex items-center mb-3\">\n              <span class=\"font-Rubik block h-4 w-full bg-faintGrey animate-pulse rounded-[3px]\"/>\n            </div>\n\n            <div class=\"font-Rubik block h-8 w-full mb-3 bg-faintGrey animate-pulse rounded-[3px]\"/>\n            <div class=\"font-Rubik block h-6 w-full bg-faintGrey animate-pulse rounded-[3px]\"/>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"right\">\n      <div class=\"block\">\n        <div class=\"grid grid-cols-2 gap-[20px] w-full\">\n          <div\nv-for=\"(_, _index) in dummyItems.length\" :key=\"_index + _\"\n            class=\"post-thumb lg:w-[270px] md:max-w-full w-full min-h-[330px] rounded-[4px] hover:scale-[1.01] transition-all cursor-pointer block mb-4\">\n\n            <div class=\"thumbImg h-[330px] w-full mb-3 overflow-hidden rounded-[4px]\">\n              <div class=\"w-full h-full bg-faintGrey animate-pulse\"/>\n            </div>\n            <div class=\"flex items-center justify-between flex-wrap gap-2 mb-3\">\n              <span class=\"font-Rubik block h-4 w-[47%] bg-faintGrey animate-pulse rounded-[3px]\"/>\n              <span class=\"font-Rubik block h-4 w-[47%] bg-faintGrey animate-pulse rounded-[3px]\"/>\n            </div>\n\n            <div class=\"skel-title font-Rubik block h-8 mb-3 w-full bg-faintGrey animate-pulse rounded-[3px]\"/>\n            <div class=\"skel-title font-Rubik block h-8 w-full mb-3 bg-faintGrey animate-pulse rounded-[3px]\"/>\n            <div class=\"font-Rubik block h-3 w-full mb-3 bg-faintGrey animate-pulse rounded-[3px]\"/>\n            <div class=\"font-Rubik block h-3 w-[80%] mb-3 bg-faintGrey animate-pulse rounded-[3px]\"/>\n            <div class=\"font-Rubik block h-3 w-[97%] mb-3 bg-faintGrey animate-pulse rounded-[3px]\"/>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nconst dummyItems = ref([\n  { id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }\n])\n\n</script>\n\n<style></style>","<template>\n  <main class=\"home\">\n    <section class=\"insights py-8 max-w-[1180px] mx-auto px-[20px]\">\n      <div\n        class=\"head left flex items-center justify-between w-full border-b-[1px] border-faintGrey dark:border-gray-700 py-3 mb-6\">\n        <h3 class=\"md:text-[22px] text-[18px] font-medium leading-[42.66px]\">Insights</h3>\n        <NuxtLink to=\"/insights\">\n          <button class=\"font-Playfair text-[14px] leading-[20px] text-greyText font-light\">\n            View all\n          </button>\n        </NuxtLink>\n      </div>\n      <template v-if=\"!stateInsightsLoading\">\n        <template v-if=\"stateInsights.length > 0\">\n          <LazyHomeCategoryArticleLayout category=\"insights\" :data=\"stateInsights\" :loading=\"stateInsightsLoading\" />\n        </template>\n      </template>\n      <template v-else>\n        <!-- Loading skeleton -->\n        <LazyHomeGridCardSkeleton />\n      </template>\n    </section>\n\n    <section class=\"founder-profiles py-8 max-w-[1180px] mx-auto px-[20px]\">\n      <div\n        class=\"head left flex items-center justify-between w-full border-b-[1px] border-faintGrey dark:border-gray-700 py-3 mb-6\">\n        <h3 class=\"md:text-[22px] text-[18px] font-medium leading-[42.66px]\">Founders</h3>\n        <NuxtLink to=\"/founder-profiles\">\n          <button class=\"font-Playfair text-[14px] leading-[20px] text-greyText font-light\">\n            View all\n          </button>\n        </NuxtLink>\n      </div>\n      <template v-if=\"stateFounders.length > 0\">\n        <LazyHomeCategoryArticleLayout category=\"founder-profiles\" :data=\"stateFounders\"\n          :loading=\"stateFoundersLoading\" />\n      </template>\n      <template v-else>\n        <!-- Loading skeleton -->\n        <HomeGridCardSkeleton />\n      </template>\n    </section>\n\n    <section class=\"recommended-reads relative py-8 max-w-[1180px] mx-auto px-[20px]\">\n      <div\n        class=\"head flex items-center justify-between w-full border-b-[1px] border-faintGrey dark:border-gray-700 py-3 mb-6\">\n        <h3 class=\"md:text-[22px] text-[18px] font-medium leading-[42.66px]\">\n          Recommended Reads\n        </h3>\n        <router-link to=\"/recommended-reads\">\n          <button class=\"font-Playfair text-[14px] leading-[20px] text-greyText font-light\">\n            View all\n          </button>\n        </router-link>\n      </div>\n\n      <template v-if=\"stateRecommendedReads.length > 0\">\n        <LazyHomeCategoryArticleLayout category=\"recommended-reads\" :data=\"stateRecommendedReads\"\n          :loading=\"stateRecommendedReadsLoading\" />\n      </template>\n      <template v-else>\n        <!-- Loading skeleton -->\n        <HomeGridCardSkeleton />\n      </template>\n    </section>\n\n    <section class=\"news py-8 max-w-[1180px] mx-auto px-[20px]\">\n      <div\n        class=\"head left flex items-center justify-between w-full border-b-[1px] border-faintGrey dark:border-gray-700 py-3 mb-6\">\n        <h3 class=\"md:text-[22px] text-[18px] font-medium leading-[42.66px]\">News</h3>\n        <NuxtLink to=\"/news\">\n          <button class=\"font-Playfair text-[14px] leading-[20px] text-greyText font-light\">\n            View all\n          </button>\n        </NuxtLink>\n      </div>\n\n      <template v-if=\"stateNews.length > 0\">\n        <LazyHomeCategoryArticleLayout category=\"news\" :data=\"stateNews\" :loading=\"stateNewsLoading\" />\n      </template>\n      <template v-else>\n        <!-- Loading skeleton -->\n        <HomeGridCardSkeleton />\n      </template>\n    </section>\n  </main>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { useInsightsStore } from '../stores/insights'\nimport { useFounderProfilesStore } from '../stores/founderProfiles'\nimport { useRecommendedReadsStore } from '../stores/recommendedReads'\nimport { useNewsStore } from '../stores/news'\n\nuseHead(() => ({\n  title: 'Chronicles - Insights',\n  meta: [\n    {\n      hid: 'description',\n      name: 'description',\n      content:\n        'Recommended reads for you. Dig in!',\n    },\n    { hid: 'og:title', property: 'og:title', content: 'Founder Profiles' },\n    {\n      hid: 'og:description',\n      property: 'og:description',\n      content:\n        'Recommended reads for you. Dig in!',\n    },\n    { hid: 'og:image', property: 'og:image', content: '' },\n    // Add more dynamic meta tags as needed\n  ],\n}))\n\nconst insightsStore = useInsightsStore()\nconst foundersStore = useFounderProfilesStore()\nconst recommendedReadsStore = useRecommendedReadsStore()\nconst newsStore = useNewsStore()\n\nconst stateInsights = computed(() => insightsStore.data)\nconst stateInsightsLoading = computed(() => insightsStore.loading)\nconst stateFounders = computed(() => foundersStore.data)\nconst stateFoundersLoading = computed(() => foundersStore.loading)\nconst stateRecommendedReads = computed(() => recommendedReadsStore.data)\nconst stateRecommendedReadsLoading = computed(() => recommendedReadsStore.loading)\nconst stateNews = computed(() => newsStore.data)\nconst stateNewsLoading = computed(() => newsStore.loading)\nconst success = ref<{ status: boolean; message: string; complete?: boolean } | null>({\n  status: false,\n  message: \"\",\n})\n\nonBeforeMount(async () => {\n  try {\n    const insightsResponse = await insightsStore.fetch()\n    const foundersResponse = await foundersStore.fetch()\n    const recommendedReadsResponse = await recommendedReadsStore.fetch()\n    const newsResponse = await newsStore.fetch()\n    if (insightsResponse && foundersResponse && recommendedReadsResponse && newsResponse) {\n      success.value = {\n        status: true,\n        message: '',\n        complete: true\n      }\n    }\n  } catch (error) {\n    console.error(error, 'Error fetching data from store')\n  }\n})\n\n</script>\n\n<style></style>\n"],"file":"_nuxt/yDo7MUHJ.js"}