client brief > my images : upload images working

src/components/project/client-brief/Images.vue

@@ -12,7 +12,7 @@
       >
         Ajouter une ou plusieurs images
       </button>
-      <template v-for="image in images" :key="image.uri">
+      <template v-for="image in page.images" :key="image.uri">
         <figure
           v-if="
             selectedTags.length === 0 ||
@@ -35,7 +35,6 @@
     <AddImagesModal
       v-if="isAddImagesModalOpen"
       :isAddImagesModalOpen="isAddImagesModalOpen"
-      :images="images"
       @close="isAddImagesModalOpen = false"
     />
     <ImageDetailsModal
@@ -53,51 +52,23 @@ import { usePageStore } from "../../../stores/page";
 import { ref } from "vue";
 import ImageDetailsModal from "./ImageDetailsModal.vue";
 import AddImagesModal from "./add-images-modal/AddImagesModal.vue";
+import { storeToRefs } from "pinia";
 
-const { page } = usePageStore();
+const { page } = storeToRefs(usePageStore());
 
 const selectedTags = ref([]);
 const imageDetails = ref(null);
-const images = ref(page.images);
 const isAddImagesModalOpen = ref(false);
 
-function onAdvancedUpload(event) {
-  if (event.xhr.status === 200) {
-    toast.add({
-      severity: "success",
-      summary: "Upload réussi",
-      detail: event.xhr.response.success,
-      life: 3000,
-    });
-    const response = JSON.parse(event.xhr.response);
-    console.log(response);
-    images.value = response.images;
-  } else {
-    toast.add({
-      severity: "error",
-      summary: "Échec de l'upload",
-      detail: event.xhr.response.error,
-      life: 3000,
-    });
-    console.error(JSON.parse(event.xhr.response));
-  }
-}
-
-function beforeSend(event) {
-  const formData = event.formData;
-  formData.append(
-    "pageUri",
-    "projects/miss-dior-blooming-bouquet/client-brief"
-  );
-}
-
 function changeSelectedTags(newTags) {
   selectedTags.value = newTags;
 }
 
 function removeImage(target) {
   console.log("remove", target);
-  images.value = images.value.filter((image) => image.uuid !== target.uuid);
+  page.value.images = page.value.images.filter(
+    (image) => image.uuid !== target.uuid
+  );
 }
 </script>