comment notification : dynamize target uri

public/site/templates/projects.json.php

@@ -10,7 +10,8 @@ function getProjectData($project) {
     "logo" => $project->client()->toPage() ? $project->client()->toPage()->logo()->toFile()->url() : "",
     "steps" => $project->getSteps(),
     "notifications" => Yaml::decode($project->notifications()->value),
-    "uuid" => (string) $project->uuid()
+    "uuid" => (string) $project->uuid(),
+    "slug" => (string) $project->slug(),
   ];
 }
 

src/components/notifications/Comment.vue

@@ -2,7 +2,7 @@
   <article
     class="notification | bg-white rounded-lg | p-16 | flow"
     data-type="comment"
-    @click="router.push(notification.location.dialoguri + '&comments=true')"
+    @click="router.push(targetUri + '&comments=true')"
   >
     <header>
       <p class="flex">
@@ -47,4 +47,8 @@ const { formatDate } = useNotificationsStore();
 const { getProjectByUuid } = useProjectsStore();
 
 const project = getProjectByUuid(notification.location.project.uuid);
+const targetUri = notification.location.dialoguri.replace(
+  /\/projects\/([a-z0-9\-]+)/,
+  "/projects/" + notification.target.slug
+);
 </script>

src/stores/user.js

@@ -14,9 +14,10 @@ export const useUserStore = defineStore("user", () => {
       const projectNotifications = project.notifications.map(
         (notification) => ({
           ...notification,
-          project: {
-            id: project.id,
-            name: project.title,
+          target: {
+            uuid: project.uuid,
+            title: project.title,
+            slug: project.slug,
           },
           isRead:
             notification.author.uuid === user.value.uuid ||