global data avec useState

pages/contact.vue

@@ -13,8 +13,17 @@
     </main>
 </template>
 
-<script setup>
-    const globalData = inject('globalData');
+<script>
+export default {
+    setup() {
+        let globalData = useState('globalData');
+        globalData = globalData.value.data;
+    
+        return {
+            globalData
+        }
+    }
+}
 </script>
 
 <style lang="scss">

pages/galerie.vue

@@ -9,16 +9,16 @@ export default {
     setup() {
         const galerie = ref([]);
 
-        const { data: itemsData, error: itemsError } = useFetch('/api/items/galerie', { server: true });
+        const { data: itemsData } = useFetch('/api/items/galerie', { server: true });
+        
         onMounted(async () => {
-            if (!itemsError.value && itemsData.value) {
+            if (itemsData.value) {
                 galerie.value = itemsData.value.data;
             }
         });
 
         return {
-            galerie,
-            itemsError
+            galerie
         };
     },
     components: {

pages/magasin.vue

@@ -12,20 +12,20 @@ export default {
     setup() {
         const magasin = ref([]);
 
-        const { data: itemsData, error: itemsError } = useFetch('/api/items/magasin', { server: true });
+        const { data: itemsData } = useFetch('/api/items/magasin', { server: true });
 
         onBeforeMount(async () => {
-            if (!itemsError.value && itemsData.value) {
+            if (itemsData.value) {
                 magasin.value = itemsData.value.data;
             }
         });
 
-        const globalData = inject('globalData');
+        let globalData = useState('globalData');
+        globalData = globalData.value.data;
 
         return {
             globalData,
-            magasin,
-            itemsError
+            magasin
         };
     },
     components: {