minor: add some ids here and there

wp-content/themes/ccat/app/components/nodes/ThePage.vue

@@ -5,7 +5,5 @@ defineProps<{ node: ThePageFragment }>();
 </script>
 
 <template>
-  <UPage>
+  <TheSections :sections="node.groupPostPage?.sections || []" />
-    <TheSections :sections="node.groupPostPage?.sections" />
-  </UPage>
 </template>

wp-content/themes/ccat/app/components/sections/TheSections.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { TheSectionFragment } from "#graphql-operations";
 
-const props = defineProps<{ sections: (TheSectionFragment)[] }>();
+const props = defineProps<{ sections: (TheSectionFragment | null)[] }>();
-const sections = props.sections.map(useSection);
+const sections = props.sections.filter(Boolean).map((section) => useSection(section!));
 </script>
 
 <template>

wp-content/themes/ccat/app/composables/useSection.ts

@@ -7,6 +7,6 @@ export function useSection(section: TheSectionFragment) {
     case "GroupAbstractBuilderSectionsTextBlockLayout":
       return { component: SectionTextBlock, attrs: attrs as SectionTextBlockFragment };
     default:
-      throw createError({ statusCode: 500, statusMessage: "Erreur interne", message: "Type de section invalide" });
+      throw createError({ statusCode: 500, statusMessage: "Erreur interne", message: `Type de section invalide: ${fieldGroupName}` });
   }
 }

wp-content/themes/ccat/app/layouts/default.vue

@@ -7,7 +7,7 @@ watch(height, (h) => {
 </script>
 
 <template>
-  <div>
+  <div id="layout-default">
     <TheSiteHeaderTop />
     <TheSiteHeader />
     <div class="relative z-main bg-white border-b border-muted mb-[var(--footer-bottom-height)]">

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

@@ -5,7 +5,7 @@ useSeoMeta({ title: node?.title });
 </script>
 
 <template>
-  <div>
+  <div id="page-node-by-uri">
     <SiteBreadcrumbs :breadcrumbs="breadcrumbs" />
     <component :is="component" :node="node" />
   </div>