feat: Initial SiteBreadcrumbs

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

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import type { BreadcrumbItem } from "@nuxt/ui";
+
+defineProps<{ breadcrumbs: BreadcrumbItem[] }>();
+</script>
+
+<template>
+  <UContainer>
+    <UBreadcrumb :items="breadcrumbs" />
+  </UContainer>
+</template>

wp-content/themes/ccat/app/pages/[...uri].vue

@@ -6,9 +6,7 @@ useSeoMeta({ title: node?.title });
 
 <template>
   <div>
-    <UContainer>
+    <SiteBreadcrumbs :breadcrumbs="breadcrumbs" />
-      <UBreadcrumb :items="breadcrumbs" />
-    </UContainer>
     <component :is="component" :node="node" />
   </div>
 </template>

wp-content/themes/ccat/app/pages/devenir-membre.vue

@@ -1,9 +1,15 @@
 <script setup lang="ts">
+import type { BreadcrumbItem } from "@nuxt/ui";
+
 useSeoMeta({ title: "Devenir membre" });
+const breadcrumbs = [] as BreadcrumbItem[];
 </script>
 
 <template>
   <div>
-    <h1>Devenir membre</h1>
+    <SiteBreadcrumbs :breadcrumbs="breadcrumbs" />
+    <UPage>
+      <UPageSection title="Devenir membre" />
+    </UPage>
   </div>
 </template>

wp-content/themes/ccat/app/pages/espace-membre.vue

@@ -1,11 +1,15 @@
 <script setup lang="ts">
+import type { BreadcrumbItem } from "@nuxt/ui";
+
 useSeoMeta({ title: "Espace membre" });
+const breadcrumbs = [] as BreadcrumbItem[];
 </script>
 
 <template>
   <div>
-    <UContainer>
+    <SiteBreadcrumbs :breadcrumbs="breadcrumbs" />
-      <h1>Espace membre</h1>
+    <UPage>
-    </UContainer>
+      <UPageSection title="Espace membre" />
+    </UPage>
   </div>
 </template>