From 8b2b120a70452fd22757b6c11939152ca8c3484f Mon Sep 17 00:00:00 2001
From: Matt Obee <matt@obee.me>
Date: Fri, 17 Jan 2025 15:24:05 +0000
Subject: [PATCH 1/5] Debug components

---
 src/components/Debug.vue        | 68 +++++++++++++++++++++++++++++++++
 src/pages/curation-policy.astro | 11 ++++++
 2 files changed, 79 insertions(+)
 create mode 100644 src/components/Debug.vue

diff --git a/src/components/Debug.vue b/src/components/Debug.vue
new file mode 100644
index 00000000..1cb71f9a
--- /dev/null
+++ b/src/components/Debug.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="debug-container">
+    <h2>Debug Component</h2>
+    <p>SSR Random Number: {{ ssrNumber }}</p>
+    <p>Count: {{ count }}</p>
+    <button 
+      type="button"
+      @click="increment"
+      role="button"
+      aria-label="Increment counter"
+    >Increment</button>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue'
+
+export default defineComponent({
+  name: 'Debug',
+  props: {
+    ssrNumber: {
+      type: Number,
+      required: true
+    }
+  },
+  setup() {
+    const count = ref(0)
+
+    const increment = () => {
+      console.log('Button clicked!')
+      count.value++
+      console.log('New count:', count.value)
+    }
+
+    return {
+      count,
+      increment
+    }
+  }
+})
+</script>
+
+<style scoped>
+.debug-container {
+  padding: 1rem;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  margin: 1rem;
+}
+
+button {
+  padding: 0.5rem 1rem;
+  background-color: #4CAF50;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+button:hover {
+  background-color: #45a049;
+}
+
+button:focus {
+  outline: 2px solid #0066cc;
+  outline-offset: 2px;
+}
+</style>
diff --git a/src/pages/curation-policy.astro b/src/pages/curation-policy.astro
index 77ea4c75..b5a5ba8d 100644
--- a/src/pages/curation-policy.astro
+++ b/src/pages/curation-policy.astro
@@ -1,11 +1,22 @@
 ---
 import DefaultLayout from '../layouts/default.astro';
+import Debug from '../components/Debug.vue';
+
+// Disable prerendering to enable SSR
+export const prerender = false;
+
+// Generate random number during SSR
+const ssrNumber = Math.floor(Math.random() * 1000);
 ---
 
 <DefaultLayout title="Curation Policy">
   <div class="container readable py-l flow">
     <h1>Event Curation Policy</h1>
 
+    <Debug ssrNumber={ssrNumber} />
+
+    <p>Server-side random number: {ssrNumber}</p>
+
     <p>Eventua11y is independently curated by <a href="https://mattobee.com">Matt Obee</a>, guided by this curation policy. None of the events listed have paid to be there. The following criteria is used to evaluate the suitability of events before they appear in the calendar.</p>
 
     <h2>Subject matter</h2>

From 8c274c299fea6bab13743b53a6fe6bb1e890044c Mon Sep 17 00:00:00 2001
From: Matt Obee <matt@obee.me>
Date: Sun, 19 Jan 2025 11:47:26 +0000
Subject: [PATCH 2/5] Refactor

---
 src/components/Debug.vue        | 47 ++++++++++++++-------------------
 src/pages/curation-policy.astro |  4 +--
 src/pages/index.vue             |  0
 3 files changed, 22 insertions(+), 29 deletions(-)
 create mode 100644 src/pages/index.vue

diff --git a/src/components/Debug.vue b/src/components/Debug.vue
index 1cb71f9a..ee7968ed 100644
--- a/src/components/Debug.vue
+++ b/src/components/Debug.vue
@@ -1,14 +1,9 @@
 <template>
-  <div class="debug-container">
-    <h2>Debug Component</h2>
-    <p>SSR Random Number: {{ ssrNumber }}</p>
-    <p>Count: {{ count }}</p>
-    <button 
-      type="button"
-      @click="increment"
-      role="button"
-      aria-label="Increment counter"
-    >Increment</button>
+  <div>
+    <p>Random Number: {{ currentNumber }}</p>
+    <button type="button" @click="generateNew">
+      Generate New Number
+    </button>
   </div>
 </template>
 
@@ -23,32 +18,29 @@ export default defineComponent({
       required: true
     }
   },
-  setup() {
-    const count = ref(0)
+  setup(props) {
+    console.log('Received SSR number:', props.ssrNumber)
+    const currentNumber = ref(props.ssrNumber)
 
-    const increment = () => {
-      console.log('Button clicked!')
-      count.value++
-      console.log('New count:', count.value)
+    const generateNew = () => {
+      currentNumber.value = Math.floor(Math.random() * 100) + 1
     }
 
     return {
-      count,
-      increment
+      currentNumber,
+      generateNew
     }
   }
 })
 </script>
 
 <style scoped>
-.debug-container {
+.random-number {
   padding: 1rem;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  margin: 1rem;
+  text-align: center;
 }
 
-button {
+.button {
   padding: 0.5rem 1rem;
   background-color: #4CAF50;
   color: white;
@@ -57,12 +49,13 @@ button {
   cursor: pointer;
 }
 
-button:hover {
+.button:hover {
   background-color: #45a049;
 }
 
-button:focus {
-  outline: 2px solid #0066cc;
-  outline-offset: 2px;
+.debug {
+  color: #666;
+  font-size: 0.9em;
+  margin-bottom: 1rem;
 }
 </style>
diff --git a/src/pages/curation-policy.astro b/src/pages/curation-policy.astro
index b5a5ba8d..9619cefd 100644
--- a/src/pages/curation-policy.astro
+++ b/src/pages/curation-policy.astro
@@ -3,7 +3,7 @@ import DefaultLayout from '../layouts/default.astro';
 import Debug from '../components/Debug.vue';
 
 // Disable prerendering to enable SSR
-export const prerender = false;
+// export const prerender = false;
 
 // Generate random number during SSR
 const ssrNumber = Math.floor(Math.random() * 1000);
@@ -13,7 +13,7 @@ const ssrNumber = Math.floor(Math.random() * 1000);
   <div class="container readable py-l flow">
     <h1>Event Curation Policy</h1>
 
-    <Debug ssrNumber={ssrNumber} />
+    <Debug ssrNumber={ssrNumber} client:load />
 
     <p>Server-side random number: {ssrNumber}</p>
 
diff --git a/src/pages/index.vue b/src/pages/index.vue
new file mode 100644
index 00000000..e69de29b

From 707cd5e7eca7f1cdac87b2bb61263de54e07f0e4 Mon Sep 17 00:00:00 2001
From: Matt Obee <matt@obee.me>
Date: Sun, 19 Jan 2025 11:47:40 +0000
Subject: [PATCH 3/5] Formatting

---
 src/components/Debug.vue | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/components/Debug.vue b/src/components/Debug.vue
index ee7968ed..eed8ff62 100644
--- a/src/components/Debug.vue
+++ b/src/components/Debug.vue
@@ -1,37 +1,35 @@
 <template>
   <div>
     <p>Random Number: {{ currentNumber }}</p>
-    <button type="button" @click="generateNew">
-      Generate New Number
-    </button>
+    <button type="button" @click="generateNew">Generate New Number</button>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from 'vue'
+import { defineComponent, ref } from 'vue';
 
 export default defineComponent({
   name: 'Debug',
   props: {
     ssrNumber: {
       type: Number,
-      required: true
-    }
+      required: true,
+    },
   },
   setup(props) {
-    console.log('Received SSR number:', props.ssrNumber)
-    const currentNumber = ref(props.ssrNumber)
+    console.log('Received SSR number:', props.ssrNumber);
+    const currentNumber = ref(props.ssrNumber);
 
     const generateNew = () => {
-      currentNumber.value = Math.floor(Math.random() * 100) + 1
-    }
+      currentNumber.value = Math.floor(Math.random() * 100) + 1;
+    };
 
     return {
       currentNumber,
-      generateNew
-    }
-  }
-})
+      generateNew,
+    };
+  },
+});
 </script>
 
 <style scoped>
@@ -42,7 +40,7 @@ export default defineComponent({
 
 .button {
   padding: 0.5rem 1rem;
-  background-color: #4CAF50;
+  background-color: #4caf50;
   color: white;
   border: none;
   border-radius: 4px;

From 92f9921b0d0e685eba84893bb8426db3d76d3b30 Mon Sep 17 00:00:00 2001
From: Matt Obee <matt@obee.me>
Date: Sun, 19 Jan 2025 12:22:58 +0000
Subject: [PATCH 4/5] Update Astro configuration to set site URL and change
 output to static

---
 astro.config.mjs | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index eb73ac3c..722d36c9 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -9,7 +9,8 @@ dotenv.config();
 
 // https://astro.build/config
 export default defineConfig({
-  output: 'server',
+  site: 'https://eventua11y.com',
+  output: 'static',
   adapter: netlify(),
   integrations: [
     vue({

From c0bcd7298ecc80db6acbbd6a624e6aaa1b059a99 Mon Sep 17 00:00:00 2001
From: Matt Obee <matt@obee.me>
Date: Sun, 19 Jan 2025 12:26:48 +0000
Subject: [PATCH 5/5] Enable prerendering

---
 src/pages/curation-policy.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/curation-policy.astro b/src/pages/curation-policy.astro
index 9619cefd..1df30237 100644
--- a/src/pages/curation-policy.astro
+++ b/src/pages/curation-policy.astro
@@ -3,7 +3,7 @@ import DefaultLayout from '../layouts/default.astro';
 import Debug from '../components/Debug.vue';
 
 // Disable prerendering to enable SSR
-// export const prerender = false;
+export const prerender = false;
 
 // Generate random number during SSR
 const ssrNumber = Math.floor(Math.random() * 1000);