From 0e9689bddf5e26079f7c682e91d312c4aff71cdb Mon Sep 17 00:00:00 2001
From: Marco La Rosa <m@lr.id.au>
Date: Fri, 14 Jun 2024 16:40:52 +1000
Subject: [PATCH] add disqus and apply to article

---
 .vitepress/theme/index.js                     |  2 ++
 .../articles/taytay-sings-the-budget-blues.md |  2 ++
 src/vue-components/Disqus.vue                 | 29 +++++++++++++++++++
 3 files changed, 33 insertions(+)
 create mode 100644 src/vue-components/Disqus.vue

diff --git a/.vitepress/theme/index.js b/.vitepress/theme/index.js
index f68cd8e..0db1dc2 100644
--- a/.vitepress/theme/index.js
+++ b/.vitepress/theme/index.js
@@ -56,6 +56,7 @@ import MyLayout from "./MyLayout.vue";
 // register components globally
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import CardComponent from "../../src/vue-components/Card.vue";
+import Disqus from "../../src/vue-components/Disqus.vue";
 import FeatureComponent from "../../src/vue-components/Feature.vue";
 import FooterComponent from "../../src/vue-components/Footer.vue";
 import ImageComponent from "../../src/vue-components/Image.vue";
@@ -76,6 +77,7 @@ export default {
     Layout: MyLayout,
     enhanceApp({ app }) {
         app.component("CardComponent", CardComponent);
+        app.component("Disqus", Disqus);
         app.component("FeatureComponent", FeatureComponent);
         app.component("FooterComponent", FooterComponent);
         app.component("ImageComponent", ImageComponent);
diff --git a/src/docs/articles/taytay-sings-the-budget-blues.md b/src/docs/articles/taytay-sings-the-budget-blues.md
index 650e117..a278859 100644
--- a/src/docs/articles/taytay-sings-the-budget-blues.md
+++ b/src/docs/articles/taytay-sings-the-budget-blues.md
@@ -151,6 +151,8 @@ And if you have questions about how your data is used and where it's processed:
 -   [Terms and conditions](/terms-and-conditions#describo-cloud)
 -   [Where your data is processed](/docs/guide/data-processing)
 
+<Disqus />
+
 <script setup>
     import { faSearch} from "@fortawesome/free-solid-svg-icons";
 </script>
diff --git a/src/vue-components/Disqus.vue b/src/vue-components/Disqus.vue
new file mode 100644
index 0000000..459b19f
--- /dev/null
+++ b/src/vue-components/Disqus.vue
@@ -0,0 +1,29 @@
+<template>
+    <div id="disqus_thread"></div>
+    <noscript
+        >Please enable JavaScript to view the
+        <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript
+    >
+</template>
+
+<script setup>
+/**
+ *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
+ *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables    */
+/*
+    var disqus_config = function () {
+    this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
+    this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+    };
+    */
+(function () {
+    if (process.env.NODE_ENV !== "development") {
+        // DON'T EDIT BELOW THIS LINE
+        var d = document,
+            s = d.createElement("script");
+        s.src = "https://describo.disqus.com/embed.js";
+        s.setAttribute("data-timestamp", +new Date());
+        (d.head || d.body).appendChild(s);
+    }
+})();
+</script>