open corresponding file when coming from notification click

public/content/projects/1_miss-dior-blooming-bouquet/1_client-brief/38969543_extrait-de-louis-sullivan-form-follow-function.-de-la-tour-de-bureaux-artistiquement-consideree.pdf.txt

@@ -34,3 +34,39 @@ m2unqxu0:
   date: 2024-10-29T17:24:08+01:00
   id: m2unqxu0
   type: comment
+m2unytm0:
+  page:
+    uri: projects/miss-dior-blooming-bouquet
+    title: Miss Dior Blooming Bouquet
+  file:
+    uuid: file://s0lNtRA0Z7ybTCWG
+    pageIndex: 1
+  position:
+    x: null
+    y: null
+  replies:
+    m2unz4j1:
+      page:
+        uri: projects/miss-dior-blooming-bouquet
+        title: Miss Dior Blooming Bouquet
+      file:
+        uuid: file://s0lNtRA0Z7ybTCWG
+        pageIndex: 1
+      text: Réponse à un commentaire
+      user:
+        name: Utilisateur Dior
+        email: utilisateur@dior.com
+        uuid: user://HfuumN8s
+        role: client
+      date: 2024-10-29T17:30:30+01:00
+      id: m2unz4j1
+      type: comment
+  text: Un autre commentaire
+  user:
+    name: Utilisateur Dior
+    email: utilisateur@dior.com
+    uuid: user://HfuumN8s
+    role: client
+  date: 2024-10-29T17:30:15+01:00
+  id: m2unytm0
+  type: comment

src/views/Project.vue

@@ -172,12 +172,25 @@ import Header from "../components/project/Header.vue";
 import PdfViewer from "../components/project/client-brief/PdfViewer.vue";
 import VirtualSample from "../components/project/VirtualSample.vue";
 import { ref } from "vue";
+import { useRoute } from "vue-router";
 
 const { page } = storeToRefs(usePageStore());
 const user = useUserStore().user;
 
 const file = ref(null);
 
+const route = useRoute();
+
+if (route.query.fileUuid) {
+  page.value.steps.forEach((step) => {
+    step.files.forEach((item) => {
+      if (item.uuid === route.query.fileUuid) {
+        file.value = item;
+      }
+    });
+  });
+}
+
 function setStepStatus(stepName) {
   const stepIndex = steps.indexOf(stepName);
   const currentIndex = steps.indexOf(currentStep.value);