From b93dfbd8245c9fd68197f2f731cdabcd842732bf Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 12 Jul 2025 17:39:00 +0200
Subject: [PATCH] perf: run on nextTick only if necessary

---
 src/components/StackedNote.vue           | 19 ++++++++++++++-----
 src/hooks/useNoteOverlay.hook.ts         |  9 ---------
 src/modules/repo/store/userRepo.store.ts |  2 --
 3 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index c583a88..3ddd9d3 100644
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -84,11 +84,20 @@ watch([content, mode], () => {
 
   nextTick(() => {
     listenToClick()
-    useImages(props.sha)
-    generateTweets()
-    mermaid.run({
-      querySelector: `.note-${sha.value} .mermaid`,
-    })
+
+    if (/\!\[.*?\]\(.*?\)/.test(rawContent.value)) {
+      useImages(props.sha)
+    }
+
+    if (rawContent.value.includes("@[tweet]")) {
+      generateTweets()
+    }
+
+    if (rawContent.value.includes("```mermaid")) {
+      mermaid.run({
+        querySelector: `.note-${sha.value} .mermaid`,
+      })
+    }
   })
 })
 
diff --git a/src/hooks/useNoteOverlay.hook.ts b/src/hooks/useNoteOverlay.hook.ts
index 1457daa..fa8a783 100644
--- a/src/hooks/useNoteOverlay.hook.ts
+++ b/src/hooks/useNoteOverlay.hook.ts
@@ -17,15 +17,6 @@ export const useNoteOverlay = (
   const displayNoteOverlay = computed(() => {
     const valueIndex = toValue(index)
 
-    if (valueIndex === 1) {
-      console.log(
-        valueIndex,
-        x.value > valueIndex * NOTE_WIDTH,
-        x.value,
-        valueIndex * NOTE_WIDTH,
-      )
-    }
-
     if (isMobile.value) {
       return y.value > valueIndex * noteHeight.value
     } else {
diff --git a/src/modules/repo/store/userRepo.store.ts b/src/modules/repo/store/userRepo.store.ts
index 566700a..dae3ce4 100644
--- a/src/modules/repo/store/userRepo.store.ts
+++ b/src/modules/repo/store/userRepo.store.ts
@@ -114,8 +114,6 @@ export const useUserRepoStore = defineStore("USER_REPO_STATE", {
         return
       }
 
-      console.log("add file")
-
       const savedRepoId = data.generateId(
         DataType.SavedRepo,
         `${this.user}-${this.repo}`,