start linking notification to project based of project page UUID

src/components/notifications/Comment.vue

@@ -12,9 +12,10 @@
           data-icon="comment"
           >Commentaire</strong
         >
-        <span class="notification__client | text-grey-700">{{
-          notification.location.project.title
-        }}</span>
+        <span class="notification__client | text-grey-700"
+          >{{ project.title }}
+          {{ project?.status === "unlisted" ? "(archivé)" : "" }}</span
+        >
         <time
           datetime=""
           class="notification__date | text-grey-700 | ml-auto"
@@ -39,8 +40,12 @@
 <script setup>
 import { useRouter } from "vue-router";
 import { useNotificationsStore } from "../../stores/notifications";
+import { useProjectsStore } from "../../stores/projects";
 
 const router = useRouter();
 const { notification } = defineProps({ notification: Object });
 const { formatDate } = useNotificationsStore();
+const { getProjectByUuid } = useProjectsStore();
+
+const project = getProjectByUuid(notification.location.project.uuid);
 </script>

src/stores/projects.js

@@ -17,5 +17,11 @@ export const useProjectsStore = defineStore("projects", () => {
     .fetchData("projects")
     .then((json) => (projects.value = json.page.children));
 
-  return { projects, currentProjects, archivedProjects };
+  // Functions
+  function getProjectByUuid(uuid) {
+    const project = projects.value.find((project) => project.uuid === uuid);
+    return project;
+  }
+
+  return { projects, currentProjects, archivedProjects, getProjectByUuid };
 });