fix: hide label on mobile

wp-content/themes/ccat/app/components/site/SiteHeaderTopMember.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
-defineProps<{ showLabels: boolean }>();
+const props = defineProps<{ showLabels: boolean }>();
 const { loggedIn } = useUserSession();
-const link = computed(() => (loggedIn.value ? { label: "Espace membre", to: "/espace-membre" } : { label: "Devenir membre", to: "/devenir-membre" }));
+const label = computed(() => props.showLabels ? (loggedIn.value ? "Déconnexion" : "Connexion") : undefined);
+const to = computed(() => loggedIn.value ? "/espace-membre" : "/devenir-membre");
 </script>
 
 <template>
@@ -9,7 +10,8 @@ const link = computed(() => (loggedIn.value ? { label: "Espace membre", to: "/es
     <UButton
       icon="i-lucide-user"
       color="primary"
-      v-bind="link"
+      :label="label"
+      :to="to"
     />
   </AuthState>
 </template>