wip(frontend) : api calls + skeleton fetch

app/app.vue

@@ -30,7 +30,7 @@
                     : 'text-base-content hover:bg-primary/10 hover:text-primary'
                 "
               >
-                Vue d'ensemblee
+                Vue d'ensemble
               </NuxtLink>
             </li>
             <li>

app/composables/useApi.js

@@ -24,6 +24,10 @@ export function useApi () {
       const response = await fetch(url, {
         ...defaultOptions,
         ...options,
+        headers: {
+          ...defaultOptions.headers,
+          ...options.headers
+        },
         signal: controller.signal
       })
 
@@ -70,6 +74,9 @@ export function useApi () {
   const post = async (endpoint, data) => {
     return apiCall(endpoint, {
       method: 'POST',
+      headers: {
+        'Content-Type': 'application/ld+json'
+      },
       body: JSON.stringify(data)
     })
   }
@@ -77,6 +84,9 @@ export function useApi () {
   const patch = async (endpoint, data) => {
     return apiCall(endpoint, {
       method: 'PATCH',
+      headers: {
+        'Content-Type': 'application/merge-patch+json'
+      },
       body: JSON.stringify(data)
     })
   }

app/pages/machine/[id].vue

@@ -3921,7 +3921,7 @@ const applyMachineLinks = (source) => {
 const loadMachineData = async () => {
   loading.value = true
   try {
-    const machineResult = await get(`/machines/${machineId}`)
+    const machineResult = await get(`/machines/${machineId}/skeleton`)
 
     if (!machineResult.success) {
       console.error('Machine non trouvée:', machineId, machineResult.error)

app/pages/type/[id].vue

@@ -187,6 +187,14 @@ onMounted(async () => {
     const typeId = route.params.id
     console.log('=== TYPE DETAIL PAGE LOADING ===')
     console.log('Loading type with ID:', typeId)
+    console.log('Full route params:', route.params)
+
+    if (!typeId) {
+      console.error('No type ID provided in route')
+      showError('Aucun identifiant de type fourni')
+      loading.value = false
+      return
+    }
 
     const result = await getMachineTypeById(typeId)
     console.log('API Result:', result)

app/shared/constructeurUtils.ts

@@ -60,7 +60,9 @@ export const uniqueConstructeurIds = (...sources: unknown[]): string[] => {
       if (value.constructeur) {
         explore(value.constructeur);
       }
-      if (typeof value.id === 'string') {
+      // Only extract ID if this looks like a constructeur object (has @type or recognizable fields)
+      // Don't extract ID from component/piece/product objects that happen to be passed in
+      if (typeof value.id === 'string' && !value.name && !value.typeComposant && !value.typePiece && !value.typeProduct) {
         pushId(value.id);
       }
       return;

nuxt.config.ts

@@ -1,6 +1,7 @@
 import tailwindcss from '@tailwindcss/vite'
 export default defineNuxtConfig({
   compatibilityDate: '2025-07-15',
+  ssr: false, // Désactive le SSR pour un mode SPA pur (Client-Side Rendering uniquement)
   devtools: { enabled: true },
   devServer: {
     port: 3001