read content notification on click

src/components/comments/Comment.vue

@@ -147,7 +147,10 @@ function handleClick() {
 async function read() {
   if (getStatus.value !== "unread") return;
   try {
-    const newNotification = await api.readNotification(comment, page.value.uri);
+    const newNotification = await api.readNotification(
+      comment.id,
+      page.value.uri
+    );
     userStore.readNotification(comment.id, route.params.id);
   } catch (error) {
     console.log("Erreur lors de la lecture de la notification : ", error);

src/components/notifications/Content.vue

@@ -2,10 +2,7 @@
   <article
     class="notification | bg-white rounded-lg | p-16 | flow"
     data-type="content"
-    @click="
-      read(notification);
-      router.push(notification.location.page.uri);
-    "
+    @click="readNotification()"
     title="Aller au contenu"
   >
     <header>
@@ -16,7 +13,7 @@
           >Contenu</strong
         >
         <span class="notification__client | text-grey-700">{{
-          notification.location.project.title
+          notification.project.title
         }}</span>
         <time
           datetime=""
@@ -37,8 +34,17 @@
 <script setup>
 import { useRouter } from "vue-router";
 import { useNotificationsStore } from "../../stores/notifications";
+import { useUserStore } from "../../stores/user";
+import { useApiStore } from "../../stores/api";
 
 const router = useRouter();
 const { notification } = defineProps({ notification: Object });
-const { formatDate, read } = useNotificationsStore();
+const { formatDate } = useNotificationsStore();
+const userStore = useUserStore();
+const api = useApiStore();
+
+function readNotification() {
+  api.readNotification(notification.id, notification.project.uri);
+  userStore.readNotification(notification.id, notification.project.slug);
+}
 </script>

src/components/notifications/Reply.vue

@@ -17,7 +17,7 @@
           }}</strong
         >
         <span class="notification__client | text-grey-700">{{
-          notification.location.project.title
+          notification.project.title
         }}</span>
         <time
           datetime=""