add discussions

src/lib/components/Discussion.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+</script>
+
+<section>
+  <script
+    src="https://giscus.app/client.js"
+    data-repo="cupcakearmy/nicco.io"
+    data-repo-id="MDEwOlJlcG9zaXRvcnkyODIwMjY5ODQ="
+    data-category="Discussion"
+    data-category-id="DIC_kwDOEM9j6M4CSa6S"
+    data-mapping="pathname"
+    data-strict="0"
+    data-reactions-enabled="1"
+    data-emit-metadata="0"
+    data-input-position="top"
+    data-theme="preferred_color_scheme"
+    data-lang="en"
+    data-loading="lazy"
+    crossorigin="anonymous"
+    async
+  >
+  </script>
+</section>
+
+<style>
+  section {
+    max-width: 30em;
+  }
+</style>

src/routes/blog/[slug].svelte

@@ -11,11 +11,12 @@
 </script>
 
 <script lang="ts">
-  import SimplePage from '$lib/components/SimplePage.svelte'
   import PostAttributes from '$lib/components/PostAttributes.svelte'
-  import WpAdapter from '$lib/components/WPAdapter.svelte'
-  import type { GQLBasePostFragment } from '$lib/gql/gen'
+  import SimplePage from '$lib/components/SimplePage.svelte'
   import Tags from '$lib/components/Tags.svelte'
+  import WpAdapter from '$lib/components/WPAdapter.svelte'
+  import Discussion from '$lib/components/Discussion.svelte'
+  import type { GQLBasePostFragment } from '$lib/gql/gen'
 
   export let data: GQLBasePostFragment
 </script>
@@ -31,3 +32,5 @@
   {/if}
   <Tags tags={data.tags.nodes} />
 </SimplePage>
+
+<Discussion />