From 5c49583287cef2e11a67130373cba044d06d1853 Mon Sep 17 00:00:00 2001
From: Pascal Martineau <pascal@lewebsimple.ca>
Date: Wed, 24 Sep 2025 15:23:34 -0400
Subject: [PATCH] refactor: nodes props

---
 wp-content/themes/ccat/app/components/nodes/TheArticle.vue | 5 +++--
 wp-content/themes/ccat/app/components/nodes/TheEvent.vue   | 5 +++--
 .../themes/ccat/app/components/nodes/TheLocation.vue       | 5 +++--
 .../themes/ccat/app/components/nodes/TheMembership.vue     | 7 ++++---
 wp-content/themes/ccat/app/components/nodes/TheProject.vue | 7 ++++---
 .../themes/ccat/app/components/nodes/TheResource.vue       | 7 ++++---
 6 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/wp-content/themes/ccat/app/components/nodes/TheArticle.vue b/wp-content/themes/ccat/app/components/nodes/TheArticle.vue
index 6cc5b2d..bc7973b 100644
--- a/wp-content/themes/ccat/app/components/nodes/TheArticle.vue
+++ b/wp-content/themes/ccat/app/components/nodes/TheArticle.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import type { TheArticleFragment } from "#graphql-operations";
 
-defineProps<{ node: TheArticleFragment }>();
+const props = defineProps<TheArticleFragment>();
+useSeoMeta({ title: props.title });
 </script>
 
 <template>
   <UPage>
-    <UPageSection v-if="node.title" :title="node.title" />
+    <UPageSection v-if="title" :title="title" />
   </UPage>
 </template>
diff --git a/wp-content/themes/ccat/app/components/nodes/TheEvent.vue b/wp-content/themes/ccat/app/components/nodes/TheEvent.vue
index ce1faa6..b8ceaa5 100644
--- a/wp-content/themes/ccat/app/components/nodes/TheEvent.vue
+++ b/wp-content/themes/ccat/app/components/nodes/TheEvent.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import type { TheEventFragment } from "#graphql-operations";
 
-defineProps<{ node: TheEventFragment }>();
+const props = defineProps<TheEventFragment>();
+useSeoMeta({ title: props.title });
 </script>
 
 <template>
   <UPage>
-    <UPageSection v-if="node.title" :title="node.title" />
+    <UPageSection v-if="title" :title="title" />
   </UPage>
 </template>
diff --git a/wp-content/themes/ccat/app/components/nodes/TheLocation.vue b/wp-content/themes/ccat/app/components/nodes/TheLocation.vue
index 3a75e30..b39b10a 100644
--- a/wp-content/themes/ccat/app/components/nodes/TheLocation.vue
+++ b/wp-content/themes/ccat/app/components/nodes/TheLocation.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import type { TheLocationFragment } from "#graphql-operations";
 
-defineProps<{ node: TheLocationFragment }>();
+const props = defineProps<TheLocationFragment>();
+useSeoMeta({ title: props.title });
 </script>
 
 <template>
   <UPage>
-    <UPageSection v-if="node.title" :title="node.title" />
+    <UPageSection v-if="title" :title="title" />
   </UPage>
 </template>
diff --git a/wp-content/themes/ccat/app/components/nodes/TheMembership.vue b/wp-content/themes/ccat/app/components/nodes/TheMembership.vue
index 3b8e660..5168294 100644
--- a/wp-content/themes/ccat/app/components/nodes/TheMembership.vue
+++ b/wp-content/themes/ccat/app/components/nodes/TheMembership.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import type { TheMembershipFragment } from "#graphql-operations";
 
-defineProps<{ node: TheMembershipFragment }>();
+const props = defineProps<TheMembershipFragment>();
+useSeoMeta({ title: props.title });
 </script>
 
 <template>
   <UPage>
-    <UPageSection v-if="node.title" :title="node.title" />
+    <UPageSection v-if="title" :title="title" />
   </UPage>
-</template>
\ No newline at end of file
+</template>
diff --git a/wp-content/themes/ccat/app/components/nodes/TheProject.vue b/wp-content/themes/ccat/app/components/nodes/TheProject.vue
index 95cfef2..3736fc3 100644
--- a/wp-content/themes/ccat/app/components/nodes/TheProject.vue
+++ b/wp-content/themes/ccat/app/components/nodes/TheProject.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import type { TheProjectFragment } from "#graphql-operations";
 
-defineProps<{ node: TheProjectFragment }>();
+const props = defineProps<TheProjectFragment>();
+useSeoMeta({ title: props.title });
 </script>
 
 <template>
   <UPage>
-    <UPageSection v-if="node.title" :title="node.title" />
+    <UPageSection v-if="title" :title="title" />
   </UPage>
-</template>
\ No newline at end of file
+</template>
diff --git a/wp-content/themes/ccat/app/components/nodes/TheResource.vue b/wp-content/themes/ccat/app/components/nodes/TheResource.vue
index 8d47f3b..5c52eb7 100644
--- a/wp-content/themes/ccat/app/components/nodes/TheResource.vue
+++ b/wp-content/themes/ccat/app/components/nodes/TheResource.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import type { TheResourceFragment } from "#graphql-operations";
 
-defineProps<{ node: TheResourceFragment }>();
+const props = defineProps<TheResourceFragment>();
+useSeoMeta({ title: props.title });
 </script>
 
 <template>
   <UPage>
-    <UPageSection v-if="node.title" :title="node.title" />
+    <UPageSection v-if="title" :title="title" />
   </UPage>
-</template>
\ No newline at end of file
+</template>