fix: avoid requestAnimationFrame undefined

Author: brian-mulier-p

components/content/ProsePre.vue

@@ -40,13 +40,9 @@
     const codeBlock = ref(null);
 
     watch(() => props.code, (newVal) => {
-        requestAnimationFrame(() => {
-            requestAnimationFrame(() => {
-                if (codeBlock.value && newVal.length > 0) {
-                    highlightCodeBlocks(codeBlock.value);
-                }
-            })
-        });
+        if (codeBlock.value && newVal.length > 0) {
+            highlightCodeBlocks(codeBlock.value);
+        }
     }, {immediate: true});
 
     function hoverCode() {

composables/useShiki.ts

@@ -55,7 +55,7 @@ export default function useShiki() {
     const shiki = ref<ReturnType<typeof getShiki>>()
 
     async function highlightCodeBlocks(root: HTMLElement = document.body) {
-        return new Promise<void>(resolve => nextTick(() => requestAnimationFrame(async () => {
+        return new Promise<void>(resolve => nextTick(async () => {
             const blocks = root.querySelectorAll('pre > code')
             for(const block of blocks) {
                 const preClassList = block.parentElement?.classList;
@@ -93,7 +93,7 @@ export default function useShiki() {
                 }
             }
             resolve();
-        })));
+        });
     }
 
     onMounted(async () => {