From ba423866451543d0dd8010e539abef691a972a22 Mon Sep 17 00:00:00 2001
From: Pascal Martineau <pascal@lewebsimple.ca>
Date: Tue, 16 Sep 2025 15:00:41 -0400
Subject: [PATCH] refactor: SiteHeaderTop*

---
 .../themes/ccat/app/components/site/SiteHeaderTop.vue    | 4 ++--
 .../{auth/AuthButton.vue => site/SiteHeaderTopAuth.vue}  | 0
 .../SiteHeaderTopMember.vue}                             | 5 ++---
 wp-content/themes/ccat/app/pages/devenir-membre.vue      | 9 +++++++++
 4 files changed, 13 insertions(+), 5 deletions(-)
 rename wp-content/themes/ccat/app/components/{auth/AuthButton.vue => site/SiteHeaderTopAuth.vue} (100%)
 rename wp-content/themes/ccat/app/components/{member-area/MemberAreaButton.vue => site/SiteHeaderTopMember.vue} (54%)
 create mode 100644 wp-content/themes/ccat/app/pages/devenir-membre.vue

diff --git a/wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue b/wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue
index ca58ead..092fc4e 100644
--- a/wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue
+++ b/wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue
@@ -9,7 +9,7 @@ const showLabels = breakpoints.greaterOrEqual("sm");
   <UContainer class="flex items-center gap-1.5">
     <UiSocialProfiles :profiles="profiles" class="mr-auto" />
     <UNavigationMenu :items="menuItems" variant="link" content-orientation="vertical" />
-    <AuthButton :show-labels="showLabels" />
-    <MemberAreaButton :show-labels="showLabels" />
+    <SiteHeaderTopAuth :show-labels="showLabels" />
+    <SiteHeaderTopMember :show-labels="showLabels" />
   </UContainer>
 </template>
diff --git a/wp-content/themes/ccat/app/components/auth/AuthButton.vue b/wp-content/themes/ccat/app/components/site/SiteHeaderTopAuth.vue
similarity index 100%
rename from wp-content/themes/ccat/app/components/auth/AuthButton.vue
rename to wp-content/themes/ccat/app/components/site/SiteHeaderTopAuth.vue
diff --git a/wp-content/themes/ccat/app/components/member-area/MemberAreaButton.vue b/wp-content/themes/ccat/app/components/site/SiteHeaderTopMember.vue
similarity index 54%
rename from wp-content/themes/ccat/app/components/member-area/MemberAreaButton.vue
rename to wp-content/themes/ccat/app/components/site/SiteHeaderTopMember.vue
index 158cbc5..3907fcd 100644
--- a/wp-content/themes/ccat/app/components/member-area/MemberAreaButton.vue
+++ b/wp-content/themes/ccat/app/components/site/SiteHeaderTopMember.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
 defineProps<{ showLabels: boolean }>();
 const { loggedIn } = useUserSession();
-const label = computed(() => (loggedIn.value ? "Espace membre" : "Devenir membre"));
+const link = computed(() => (loggedIn.value ? { label: "Espace membre", to: "/espace-membre" } : { label: "Devenir membre", to: "/devenir-membre" }));
 </script>
 
 <template>
   <UButton
     icon="i-lucide-user"
     color="primary"
-    to="/espace-membre"
-    :label="showLabels ? label : undefined"
+    v-bind="link"
   />
 </template>
diff --git a/wp-content/themes/ccat/app/pages/devenir-membre.vue b/wp-content/themes/ccat/app/pages/devenir-membre.vue
new file mode 100644
index 0000000..8312cba
--- /dev/null
+++ b/wp-content/themes/ccat/app/pages/devenir-membre.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+useSeoMeta({ title: "Devenir membre" });
+</script>
+
+<template>
+  <div>
+    <h1>Devenir membre</h1>
+  </div>
+</template>