perf: init shikiji only when needed and limit langs

src/components/StackedNote.vue

@@ -21,6 +21,7 @@ import { encodeUTF8ToBase64 } from "@/utils/decodeBase64ToUTF8"
 import { filenameToNoteTitle } from "@/utils/noteTitle"
 import { generateTweets } from "@/utils/twitter"
 import mermaid from "mermaid"
+import { useShikiji } from "@/hooks/useMarkdown.hook"
 
 const LinkedNotes = defineAsyncComponent(
   () => import("@/components/LinkedNotes.vue"),
@@ -98,6 +99,10 @@ watch([content, mode], () => {
         querySelector: `.note-${sha.value} .mermaid`,
       })
     }
+
+    if (rawContent.value.includes("```")) {
+      useShikiji()
+    }
   })
 })