Merge pull request #628 from unitaryfund/giscus-comments

Add comment section to blog posts

src/components/Pages/Blog/PostComments.astro

@@ -0,0 +1,17 @@
+<section class="giscus mx-auto mt-10 w-full"></section>
+
+<script src="https://giscus.app/client.js"
+        data-repo="unitaryfund/unitary.fund"
+        data-repo-id="MDEwOlJlcG9zaXRvcnkxMzg1MTY4Nzk="
+        data-category="Blog Post Comments"
+        data-category-id="DIC_kwDOCEGZj84CkWc_"
+        data-mapping="url"
+        data-strict="0"
+        data-reactions-enabled="1"
+        data-emit-metadata="0"
+        data-input-position="bottom"
+        data-theme="noborder_light"
+        data-lang="en"
+        crossorigin="anonymous"
+        async>
+</script>

src/pages/posts/[slug].astro

@@ -2,6 +2,7 @@
 import Layout from '~/layouts/Layout.astro';
 import { getCollection, getEntry } from 'astro:content';
 import type { CollectionEntry } from 'astro:content';
+import PostComments from '~/components/Pages/Blog/PostComments.astro';
 
 export async function getStaticPaths() {
   const blogEntries = await getCollection('blog');
@@ -49,5 +50,6 @@ const { title, author, day, month, year } = entry.data;
         <Content />
       </div>
     </article>
+    <PostComments />
   </div>
 </Layout>