diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7c9a861..1cc7bee 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: 5.3
+lockfileVersion: 5.4
 
 specifiers:
   '@graphql-codegen/cli': ^2.6.2
@@ -30,9 +30,9 @@ dependencies:
   svelte-cloudinary: 0.2.5_lodash@4.17.21
 
 devDependencies:
-  '@graphql-codegen/cli': 2.6.2_graphql@15.8.0+typescript@4.6.2
+  '@graphql-codegen/cli': 2.6.2_tsompxk26sft5mdp7jhr6mkhhi
   '@graphql-codegen/typescript': 2.4.7_graphql@15.8.0
-  '@graphql-codegen/typescript-graphql-request': 4.4.2_388f816e04241032539fce1de6ab422b
+  '@graphql-codegen/typescript-graphql-request': 4.4.2_hchyc3qeeqideu47zyo6nk2cfm
   '@graphql-codegen/typescript-operations': 2.3.4_graphql@15.8.0
   '@sveltejs/adapter-static': 1.0.0-next.29
   '@sveltejs/kit': 1.0.0-next.295_svelte@3.46.4
@@ -42,7 +42,7 @@ devDependencies:
   graphql-tag: 2.12.6_graphql@15.8.0
   svelte: 3.46.4
   svelte-check: 2.4.5_svelte@3.46.4
-  svelte-preprocess: 4.10.4_svelte@3.46.4+typescript@4.6.2
+  svelte-preprocess: 4.10.4_a4wedpgrdfubev2kz3eftxjnq4
   tslib: 2.3.1
   typescript: 4.6.2
 
@@ -277,6 +277,8 @@ packages:
     resolution: {integrity: sha512-7yJPvPV+ESz2IUTPbOL+YkIGyCqOyNIzdguKQuJGnH7bg1WTIifuM21YqokFt/THWh1AkCRn9IgoykTRCBVpzA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
+    dependencies:
+      '@babel/types': 7.17.0
     dev: true
 
   /@babel/plugin-proposal-class-properties/7.16.7_@babel+core@7.17.5:
@@ -611,7 +613,7 @@ packages:
       to-fast-properties: 2.0.0
     dev: true
 
-  /@endemolshinegroup/cosmiconfig-typescript-loader/3.0.2_c84a270c92bf6e8d30a9786dab5936e4:
+  /@endemolshinegroup/cosmiconfig-typescript-loader/3.0.2_zbfcodesx5xi2mfjpbw2wwjw4q:
     resolution: {integrity: sha512-QRVtqJuS1mcT56oHpVegkKBlgtWjXw/gHNWO3eL9oyB5Sc7HBoc2OLG/nYpVfT/Jejvo3NUrD0Udk7XgoyDKkA==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
@@ -626,7 +628,7 @@ packages:
       - typescript
     dev: true
 
-  /@graphql-codegen/cli/2.6.2_graphql@15.8.0+typescript@4.6.2:
+  /@graphql-codegen/cli/2.6.2_tsompxk26sft5mdp7jhr6mkhhi:
     resolution: {integrity: sha512-UO75msoVgvLEvfjCezM09cQQqp32+mR8Ma1ACsBpr7nroFvHbgcu2ulx1cMovg4sxDBCsvd9Eq/xOOMpARUxtw==}
     hasBin: true
     peerDependencies:
@@ -656,7 +658,7 @@ packages:
       glob: 7.2.0
       globby: 11.1.0
       graphql: 15.8.0
-      graphql-config: 4.1.0_graphql@15.8.0+typescript@4.6.2
+      graphql-config: 4.1.0_tsompxk26sft5mdp7jhr6mkhhi
       inquirer: 8.2.1
       is-glob: 4.0.3
       json-to-pretty-yaml: 1.2.2
@@ -681,6 +683,7 @@ packages:
       - typescript
       - utf-8-validate
       - zen-observable
+      - zenObservable
     dev: true
 
   /@graphql-codegen/core/2.5.1_graphql@15.8.0:
@@ -720,7 +723,7 @@ packages:
       tslib: 2.3.1
     dev: true
 
-  /@graphql-codegen/typescript-graphql-request/4.4.2_388f816e04241032539fce1de6ab422b:
+  /@graphql-codegen/typescript-graphql-request/4.4.2_hchyc3qeeqideu47zyo6nk2cfm:
     resolution: {integrity: sha512-mwc3EwnSF72Fl7HMblKKDz8bZO4nk4OZnwwAp4+l9LrFxhrGeUymEFeWSrQI2JLWsbu1gKQ9RFzxpkAeim4u5w==}
     peerDependencies:
       graphql: ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
@@ -1144,8 +1147,10 @@ packages:
       zen-observable:
         optional: true
     dependencies:
-      any-observable: 0.3.0
+      any-observable: 0.3.0_rxjs@6.6.7
       rxjs: 6.6.7
+    transitivePeerDependencies:
+      - zenObservable
     dev: true
 
   /@sindresorhus/is/0.14.0:
@@ -1226,6 +1231,12 @@ packages:
       '@types/node': 17.0.21
     dev: true
 
+  /@types/keyv/3.1.4:
+    resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
+    dependencies:
+      '@types/node': 17.0.21
+    dev: true
+
   /@types/lunr/2.3.4:
     resolution: {integrity: sha512-j4x4XJwZvorEUbA519VdQ5b9AOU9TSvfi8tvxMAfP8XzNLtFex7A8vFQwqOx3WACbV0KMXbACV3cZl4/gynQ7g==}
     dev: true
@@ -1242,6 +1253,12 @@ packages:
     resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==}
     dev: true
 
+  /@types/responselike/1.0.0:
+    resolution: {integrity: sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==}
+    dependencies:
+      '@types/node': 17.0.21
+    dev: true
+
   /@types/sass/1.43.1:
     resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
     dependencies:
@@ -1322,9 +1339,19 @@ packages:
       color-convert: 2.0.1
     dev: true
 
-  /any-observable/0.3.0:
+  /any-observable/0.3.0_rxjs@6.6.7:
     resolution: {integrity: sha512-/FQM1EDkTsf63Ub2C6O7GuYFDsSXUwsaZDurV0np41ocwq0jthUAYCmhBX9f+KwlaCgIuWyr/4WlUQUBfKfZog==}
     engines: {node: '>=6'}
+    peerDependencies:
+      rxjs: '*'
+      zenObservable: '*'
+    peerDependenciesMeta:
+      rxjs:
+        optional: true
+      zenObservable:
+        optional: true
+    dependencies:
+      rxjs: 6.6.7
     dev: true
 
   /anymatch/3.1.2:
@@ -2368,6 +2395,8 @@ packages:
     dependencies:
       '@sindresorhus/is': 0.14.0
       '@szmarczak/http-timer': 1.1.2
+      '@types/keyv': 3.1.4
+      '@types/responselike': 1.0.0
       cacheable-request: 6.1.0
       decompress-response: 3.3.0
       duplexer3: 0.1.4
@@ -2383,13 +2412,13 @@ packages:
     resolution: {integrity: sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==}
     dev: true
 
-  /graphql-config/4.1.0_graphql@15.8.0+typescript@4.6.2:
+  /graphql-config/4.1.0_tsompxk26sft5mdp7jhr6mkhhi:
     resolution: {integrity: sha512-Myqay6pmdcmX3KqoH+bMbeKZ1cTODpHS2CxF1ZzNnfTE+YUpGTcp01bOw6LpzamRb0T/WTYtGFbZeXGo9Hab2Q==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
       graphql: ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
     dependencies:
-      '@endemolshinegroup/cosmiconfig-typescript-loader': 3.0.2_c84a270c92bf6e8d30a9786dab5936e4
+      '@endemolshinegroup/cosmiconfig-typescript-loader': 3.0.2_zbfcodesx5xi2mfjpbw2wwjw4q
       '@graphql-tools/graphql-file-loader': 7.3.4_graphql@15.8.0
       '@graphql-tools/json-file-loader': 7.3.4_graphql@15.8.0
       '@graphql-tools/load': 7.5.2_graphql@15.8.0
@@ -2911,6 +2940,7 @@ packages:
       rxjs: 6.6.7
     transitivePeerDependencies:
       - zen-observable
+      - zenObservable
     dev: true
 
   /locate-path/5.0.0:
@@ -3871,7 +3901,7 @@ packages:
       sade: 1.8.1
       source-map: 0.7.3
       svelte: 3.46.4
-      svelte-preprocess: 4.10.4_svelte@3.46.4+typescript@4.6.2
+      svelte-preprocess: 4.10.4_a4wedpgrdfubev2kz3eftxjnq4
       typescript: 4.6.2
     transitivePeerDependencies:
       - '@babel/core'
@@ -3903,7 +3933,7 @@ packages:
       svelte: 3.46.4
     dev: true
 
-  /svelte-preprocess/4.10.4_svelte@3.46.4+typescript@4.6.2:
+  /svelte-preprocess/4.10.4_a4wedpgrdfubev2kz3eftxjnq4:
     resolution: {integrity: sha512-fuwol0N4UoHsNQolLFbMqWivqcJ9N0vfWO9IuPAiX/5okfoGXURyJ6nECbuEIv0nU3M8Xe2I1ONNje2buk7l6A==}
     engines: {node: '>= 9.11.2'}
     requiresBuild: true
diff --git a/src/lib/components/Discussion.svelte b/src/lib/components/Discussion.svelte
new file mode 100644
index 0000000..99d541e
--- /dev/null
+++ b/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>
diff --git a/src/routes/blog/[slug].svelte b/src/routes/blog/[slug].svelte
index 7b0df6d..b595f92 100644
--- a/src/routes/blog/[slug].svelte
+++ b/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 />