{"version":3,"file":"H36WxA5M.js","sources":["../../../../modules/content/components/Blog/RelatedPostList.vue","../../../../modules/content/pages/blog/[slug].vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UniquePost } from \"@/server/api/types\";\nimport { ROUTE_BLOG_CATEGORY } from \"~/constants/routes\";\nconst { replaceParams } = useRouteParams();\nconst props = defineProps<{\n  relatedPosts: UniquePost[];\n}>();\n\nconst randomPosts = computed(() => props.relatedPosts.slice(0, 3));\n</script>\n<template>\n  <div class=\"max-w-1012 mx-auto\">\n    <article\n      v-for=\"post in randomPosts\"\n      :key=\"post.id\"\n      class=\"sm:flex mb-30 text-center sm:text-left text-f14 leading-a36\"\n    >\n      <nuxt-link\n        :to=\"post.link\"\n        class=\"bg-cover bg-center bg-no-repeat sm:w-50p min-h-200 block\"\n        :style=\"{\n          backgroundImage: `url(${post.featuredImage})`,\n        }\"\n      ></nuxt-link>\n      <div class=\"sm:w-50p bg-white pl-28 pr-35 pt-28 pb-33\">\n        <span\n          class=\"block font-bold font-agendaCond text-f14 tracking-a09 uppercase mb-8\"\n        >\n          <span class=\"text-green-600\">Categories:</span>\n          <template\n            v-for=\"(category, index) in post.categories\"\n            :key=\"category?.name\"\n          >\n            <nuxt-link\n              :to=\"{path: replaceParams(ROUTE_BLOG_CATEGORY, {slug: category?.slug})}\"\n              rel=\"category tag\"\n            >\n              {{ category?.name }}\n            </nuxt-link>\n            <span v-if=\"index !== post.categories.length - 1\">, </span>\n          </template>\n        </span>\n        <h2 class=\"font-bold text-f24 leading-a25 mb-30 sm:mb-13\">\n          <nuxt-link :to=\"post.link\">{{ post.title }}</nuxt-link>\n        </h2>\n        <div class=\"hidden sm:block mb-18\" v-html=\"post.excerpt\"></div>\n        <nuxt-link\n          :to=\"post.link\"\n          class=\"font-bold font-agendaCond text-f14 uppercase tracking-a04 text-green-600 hover:text-green-500 transition duration-300 ease-linear inline-block align-top\"\n          >Read more</nuxt-link>\n      </div>\n    </article>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { UniquePost } from \"@/server/api/types\";\nimport { setSEO } from '@/utils/seoUtils';\nimport { ROUTE_BLOG_CATEGORY } from \"~/constants/routes\";\nconst route = useRoute();\n\ndefinePageMeta({\n  layout: \"blog-page-slug\",\n  scrollToTop: true,\n});\nconst config = useRuntimeConfig();\nconst { replaceParams } = useRouteParams();\nconst slug = computed(() => {\n  return route.params.slug as string;;\n});\n\nconst { data } = await useLazyAsyncData(\n  `blog-post-${slug.value}`,\n  async () => {\n    const [categoriesResponse, postResponse] = await Promise.all([\n      $fetch(\"/api/content/categories\"),\n      $fetch(`/api/content/posts/${route.params.slug}`),\n    ]);\n\n    return {\n      categories: Object.values(categoriesResponse) ?? [],\n      post: postResponse,\n    };\n  },\n  { watch: [slug] }\n);\n\nconst categories = computed(() => {\n  return data?.value?.categories ?? [];\n});\n\nconst post = computed(() => {\n  return data?.value?.post ?? null;\n});\n\nsetSEO({\n  seo: post.value?.seo,\n  modifiedAt: post.value?.modified,\n  publishedAt: post.value?.date,\n});\n\nconst postCategoriesLength = computed(\n  () => post?.value?.categories?.nodes?.length ?? 0\n);\n\nconst relatedPosts = computed(() => {\n  if (!post.value) {\n    return [];\n  }\n  const currentPostSlug = route.params.slug;\n  const postsByTag = post.value?.tags?.edges?.flatMap(\n    (tag) => tag.node.posts.edges\n  );\n  const uniquePosts: UniquePost[] = [];\n\n  postsByTag.forEach((postEdge) => {\n    const post = postEdge.node;\n    if (\n      !uniquePosts.find((uniquePost) => uniquePost.id === post.id) &&\n      post.slug !== currentPostSlug\n    ) {\n      uniquePosts.push({\n        id: post?.id,\n        slug: post?.slug,\n        title: post?.title,\n        link: `/blog/${post?.slug}/`,\n        categories: post?.categories?.nodes,\n        excerpt: post?.excerpt,\n        featuredImage: post?.featuredImage?.node?.sourceUrl,\n      });\n    }\n  });\n\n  return uniquePosts;\n});\n\nconst backgroundHeaderDesktopUrl = computed(() => {\n  return `url(${post.value?.featuredImage?.node?.sourceUrl})`;\n});\n\nconst shareLinkUrl = `${config.public.baseUrl}/blog/${slug.value}`;\n</script>\n\n<template>\n  <section\n    data-bg\n    class=\"text-center py-41 sm:pt-74 sm:pb-46 relative tw-bg-nl-yellow-100 flex items-center background-header\"\n  >\n    <span class=\"inline min-h-159 w-0\"></span>\n  </section>\n  <section>\n    <BlogPageCategoryNavbar :categories=\"categories\">\n      <template #search> <BlogSearch /> </template>\n    </BlogPageCategoryNavbar>\n    <div class=\"container max-w-1180\">\n      <article class=\"md:flex pb-40 sm:pb-60 md:pb-80 text-f14 leading-a36\">\n        <div class=\"md:flex-1 wysiwyg md:pl-69 md:pr-51 relative\">\n          <header class=\"mb-15\">\n            <span\n              class=\"block font-bold font-agendaCond text-f14 tracking-a09 uppercase mb-9\"\n            >\n              <span class=\"text-green-600\">Categories: </span>\n              <template\n                v-for=\"(category, index) in post?.categories?.nodes\"\n                :key=\"category?.name\"\n              >\n                <nuxt-link\n                  :to=\"{path: replaceParams(ROUTE_BLOG_CATEGORY, {slug: category?.slug})}\"\n                  rel=\"category tag\"\n                >\n                  {{ category?.name }}\n                </nuxt-link>\n                <span v-if=\"index !== postCategoriesLength - 1\">, </span>\n              </template>\n            </span>\n\n            <h1 class=\"font-bold\">\n              {{ post?.title }}\n            </h1>\n            <time\n              v-if=\"post?.date\"\n              class=\"block font-bold font-agendaCond text-f14 uppercase mb-22 md:mb-0\"\n              >{{ formatDate(post?.date) }}</time\n            >\n            <ShareButtons :link=\"shareLinkUrl\" :slug=\"slug\"/>\n          </header>\n          <div class=\"wysiwyg-content\" v-html=\"post?.content\"></div>\n          <footer\n            class=\"overflow-hidden border-b md:border-b-0 border-t border-gray-100a20 my-25 pt-28 pb-2 sm:pt-36 sm:mt-38 sm:mb-30 text-f13 sm:text-f14 leading-a57\"\n          >\n            <div class=\"float-left mr-23 w-74 sm:w-128\">\n              <img\n                v-if=\"post?.author?.node?.authorMeta?.avatar?.node?.sourceUrl\"\n                :src=\"post?.author?.node?.authorMeta?.avatar?.node?.sourceUrl\"\n                :alt=\"post?.author?.node?.authorMeta?.avatar?.node?.altText\"\n                class=\"attachment-avatar\"\n              />\n            </div>\n            <div class=\"sm:overflow-hidden sm:py-4\">\n              <h3\n                v-if=\"post?.author?.node?.name\"\n                class=\"text-f15 sm:text-f18 mb-6 sm:mb-12\"\n              >\n                {{ post?.author?.node?.name }}\n              </h3>\n              <p v-if=\"post?.author?.node?.description\">\n                {{ post?.author?.node?.description }}\n              </p>\n            </div>\n          </footer>\n          <div>\n            <NuxtLink\n              to=\"/blog/\"\n              class=\"text-green-500 hover:text-green-600 inline-flex items-center align-top font-medium font-agendaCond text-f14 uppercase\"\n              ><i class=\"icon-legacy-legacy-chevron-a-left text-f13 mr-11\"></i>\n              <span data-back-to-posts-link class=\"underline\"\n                >Back to Posts</span\n              ></NuxtLink\n            >\n          </div>\n        </div>\n        <div class=\"md:w-195 pt-30 sm:pt-60 md:pt-0\">\n          <SidebarSubscribeForm/>\n        </div>\n      </article>\n    </div>\n  </section>\n  <section\n    v-if=\"relatedPosts.length > 0\"\n    class=\"pt-48 sm:pt-71 bg-green-600a05 -mb-93 pb-129\"\n  >\n    <div class=\"container\">\n      <h3\n        class=\"text-center font-black text-f30 leading-a12 tracking-a02 mb-24 sm:mb-34\"\n      >\n        Related Posts\n      </h3>\n      <BlogRelatedPostList :related-posts=\"relatedPosts\" />\n    </div>\n  </section>\n</template>\n\n<style scoped>\n.background-header {\n  background-image: v-bind(backgroundHeaderDesktopUrl);\n}\n</style>\n"],"names":["replaceParams","useRouteParams","props","__props","randomPosts","computed","route","useRoute","config","useRuntimeConfig","slug","data","__temp","__restore","_withAsyncContext","useLazyAsyncData","categoriesResponse","postResponse","categories","_a","post","setSEO","_b","_c","postCategoriesLength","relatedPosts","currentPostSlug","postsByTag","tag","uniquePosts","postEdge","uniquePost","backgroundHeaderDesktopUrl","shareLinkUrl"],"mappings":"wyBAGM,KAAA,CAAE,cAAAA,GAAkBC,KACpBC,EAAQC,EAIRC,EAAcC,EAAS,IAAMH,EAAM,aAAa,MAAM,EAAG,CAAC,CAAC,0gFCJjE,MAAMI,EAAQC,KAMRC,EAASC,KACT,CAAE,cAAAT,GAAkBC,KACpBS,EAAOL,EAAS,IACbC,EAAM,OAAO,IACrB,EAEK,CAAE,KAAAK,IAAS,CAAAC,EAAAC,CAAA,EAAAC,GAAA,SAAMC,GACrB,aAAaL,EAAK,KAAK,GACvB,SAAY,CACV,KAAM,CAACM,EAAoBC,CAAY,EAAI,MAAM,QAAQ,IAAI,CAC3D,OAAO,yBAAyB,EAChC,OAAO,sBAAsBX,EAAM,OAAO,IAAI,EAAE,CAAA,CACjD,EAEM,MAAA,CACL,WAAY,OAAO,OAAOU,CAAkB,GAAK,CAAC,EAClD,KAAMC,CAAA,CAEV,EACA,CAAE,MAAO,CAACP,CAAI,CAAE,CAAA,CAClB,mBAEMQ,EAAab,EAAS,IAAM,OACzB,QAAAc,EAAAR,GAAA,YAAAA,EAAM,QAAN,YAAAQ,EAAa,aAAc,EAAC,CACpC,EAEKC,EAAOf,EAAS,IAAM,OACnB,QAAAc,EAAAR,GAAA,YAAAA,EAAM,QAAN,YAAAQ,EAAa,OAAQ,IAAA,CAC7B,EAEME,GAAA,CACL,KAAKF,EAAAC,EAAK,QAAL,YAAAD,EAAY,IACjB,YAAYG,EAAAF,EAAK,QAAL,YAAAE,EAAY,SACxB,aAAaC,EAAAH,EAAK,QAAL,YAAAG,EAAY,IAAA,CAC1B,EAED,MAAMC,GAAuBnB,EAC3B,IAAA,WAAM,QAAAkB,GAAAD,GAAAH,EAAAC,GAAA,YAAAA,EAAM,QAAN,YAAAD,EAAa,aAAb,YAAAG,EAAyB,QAAzB,YAAAC,EAAgC,SAAU,EAAA,EAG5CE,EAAepB,EAAS,IAAM,WAC9B,GAAA,CAACe,EAAK,MACR,MAAO,GAEH,MAAAM,EAAkBpB,EAAM,OAAO,KAC/BqB,GAAaJ,GAAAD,GAAAH,EAAAC,EAAK,QAAL,YAAAD,EAAY,OAAZ,YAAAG,EAAkB,QAAlB,YAAAC,EAAyB,QACzCK,GAAQA,EAAI,KAAK,MAAM,OAEpBC,EAA4B,CAAA,EAEvB,OAAAF,EAAA,QAASG,GAAa,WAC/B,MAAMV,EAAOU,EAAS,KAEpB,CAACD,EAAY,KAAME,GAAeA,EAAW,KAAOX,EAAK,EAAE,GAC3DA,EAAK,OAASM,GAEdG,EAAY,KAAK,CACf,GAAIT,GAAAA,YAAAA,EAAM,GACV,KAAMA,GAAAA,YAAAA,EAAM,KACZ,MAAOA,GAAAA,YAAAA,EAAM,MACb,KAAM,SAASA,GAAAA,YAAAA,EAAM,IAAI,IACzB,YAAYA,EAAAA,GAAAA,YAAAA,EAAM,aAANA,YAAAA,EAAkB,MAC9B,QAASA,GAAAA,YAAAA,EAAM,QACf,eAAeA,GAAAA,EAAAA,GAAAA,YAAAA,EAAM,gBAANA,YAAAA,EAAqB,OAArBA,YAAAA,EAA2B,SAAA,CAC3C,CACH,CACD,EAEMS,CAAA,CACR,EAEKG,GAA6B3B,EAAS,IAAM,WAChD,MAAO,QAAOkB,GAAAD,GAAAH,EAAAC,EAAK,QAAL,YAAAD,EAAY,gBAAZ,YAAAG,EAA2B,OAA3B,YAAAC,EAAiC,SAAS,GAAA,CACzD,EAEKU,GAAe,GAAGzB,EAAO,OAAO,OAAO,SAASE,EAAK,KAAK"}