perf: run on nextTick only if necessary

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`,
+      })
+    }
   })
 })
 

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 {

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}`,