new comment showing in comments panel

src/stores/dialog.js

@@ -1,8 +1,19 @@
 import { defineStore } from "pinia";
-import { ref } from "vue";
+import { ref, computed } from "vue";
 
 export const useDialogStore = defineStore("dialog", () => {
   const content = ref(null);
+  const openedFile = ref(null);
+  const comments = computed(() => {
+    return openedFile.value.comments;
+  });
 
-  return { content };
+  function updateFile(newFile) {
+    content.value.files = content.value.files.map((file) =>
+      file.id === newFile.id ? newFile : file
+    );
+    openedFile.value = newFile;
+  }
+
+  return { content, openedFile, comments, updateFile };
 });