fix(notes): persist uploaded image to cache so it survives reload

src/hooks/useImageUpload.hook.ts

@@ -85,12 +85,12 @@ export const useImageUpload = ({
         return null
       }
 
-      if (!store.files.some((f) => f.path === targetPath)) {
+      store.registerUploadedFile({
-        store.files = [
+        path: targetPath,
-          ...store.files,
+        sha,
-          { path: targetPath, sha, type: "blob", size: file.size }
+        type: "blob",
-        ]
+        size: file.size
-      }
+      })
 
       return { filename }
     } catch (error) {

src/modules/repo/store/userRepo.store.ts

@@ -230,6 +230,28 @@ export const useUserRepoStore = defineStore("USER_REPO_STATE", {
       })
       this.files = newFiles
     },
+    registerUploadedFile(file: RepoFile) {
+      if (!file.path) {
+        return
+      }
+
+      const savedRepoId = generateId(
+        DataType.SavedRepo,
+        `${this.user}-${this.repo}`
+      )
+      const newFiles = [
+        ...toRaw(this.files).filter((f) => f.path !== file.path),
+        toRaw(file)
+      ]
+      data.update<DataType.SavedRepo, SavedRepo>({
+        _id: savedRepoId,
+        $type: DataType.SavedRepo,
+        repo: this.repo,
+        user: this.user,
+        files: newFiles
+      })
+      this.files = newFiles
+    },
     resetUserRepo() {
       this.user = ""
       this.repo = ""