update

Author: MrWangJustToDo

packages/core/src/diff-file.ts

@@ -1311,7 +1311,7 @@ export class DiffFile {
     }
 
     if (__DEV__ && !data.hasInitRaw) {
-      console.error(`there are not a valid bundle data to merge, try to call 'initRaw' function before merge`);
+      console.error(`there are not a valid bundle data, try to call 'initRaw' function before merge / getBundle`);
     }
 
     if (notifyUpdate) {

packages/react/src/components/DiffView.tsx

@@ -147,6 +147,7 @@ const _InternalDiffView = <T extends unknown>(props: Omit<DiffViewProps<T>, "dat
   useEffect(() => {
     const cb = diffFile.subscribe(() => {
       wrapperRef.current?.setAttribute("data-theme", diffFile._getTheme() || "light");
+      wrapperRef.current?.setAttribute("data-highlighter", diffFile._getHighlighterName());
     });
 
     return cb;

packages/vue/src/components/DiffView.tsx

@@ -159,11 +159,12 @@ export const DiffView = defineComponent<
       instance.notifyAll();
     };
 
-    const initTheme = (onClean: (cb: () => void) => void) => {
+    const initAttribute = (onClean: (cb: () => void) => void) => {
       if (!isMounted.value || !diffFile.value || !wrapperRef.value) return;
       const instance = diffFile.value;
       const cb = instance.subscribe(() => {
         wrapperRef.value?.setAttribute("data-theme", instance._getTheme() || "light");
+        wrapperRef.value?.setAttribute("data-highlighter", instance._getHighlighterName());
       });
       onClean(() => cb());
     };
@@ -183,7 +184,7 @@ export const DiffView = defineComponent<
 
     watchEffect((onClean) => initId(onClean));
 
-    watchEffect((onClean) => initTheme(onClean));
+    watchEffect((onClean) => initAttribute(onClean));
 
     provide(idSymbol, id);
 

packages/vue/src/hooks/useSyncHeight.ts

@@ -70,8 +70,8 @@ export const useSyncHeight = ({
       });
 
       onCancel(() => {
-        clearTimeout(timer);
         clean();
+        clearTimeout(timer);
       })
     }
   };