fix highlighter issue

Author: MrWangJustToDo

packages/react/src/components/DiffView.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
 /* eslint-disable @typescript-eslint/ban-ts-comment */
-import { DiffFile, _cacheMap, SplitSide } from "@git-diff-view/core";
+import { DiffFile, _cacheMap, SplitSide, highlighter as buildInHighlighter } from "@git-diff-view/core";
 import { diffFontSizeName, DiffModeEnum } from "@git-diff-view/utils";
 import { memo, useEffect, useMemo, forwardRef, useImperativeHandle, useRef } from "react";
 import * as React from "react";
@@ -324,7 +324,10 @@ const DiffViewWithRef = <T extends unknown>(
           diffFile.initSyntax({ registerHighlighter: registerHighlighter });
           diffFile.notifyAll();
         }
-      } else if (diffFile._getHighlighterType() !== "class") {
+      } else if (
+        diffFile._getHighlighterName() !== buildInHighlighter.name ||
+        diffFile._getHighlighterType() !== "class"
+      ) {
         diffFile.initSyntax();
         diffFile.notifyAll();
       }

packages/solid/src/components/DiffView.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
-import { _cacheMap, DiffFile, SplitSide } from "@git-diff-view/core";
+import { _cacheMap, DiffFile, SplitSide, highlighter as buildInHighlighter } from "@git-diff-view/core";
 import { diffFontSizeName, DiffModeEnum } from "@git-diff-view/utils";
 import { type JSXElement, type JSX, createSignal, createEffect, createMemo, onCleanup, Show } from "solid-js";
 
@@ -206,7 +206,10 @@ const InternalDiffView = <T extends unknown>(props: DiffViewProps<T>) => {
             currentDiffFile.initSyntax({ registerHighlighter: registerHighlighter });
             currentDiffFile.notifyAll();
           }
-        } else if (currentDiffFile._getHighlighterType() !== "class") {
+        } else if (
+          currentDiffFile._getHighlighterName() !== buildInHighlighter.name ||
+          currentDiffFile._getHighlighterType() !== "class"
+        ) {
           currentDiffFile.initSyntax();
           currentDiffFile.notifyAll();
         }

packages/svelte/src/lib/components/DiffView.svelte

@@ -115,11 +115,6 @@
 
 	let wrapperRef = $state<HTMLElement | null>(null);
 
-	const setWidget = (v: { side?: SplitSide; lineNumber?: number }) => {
-		if (props) widgetState.side = v.side;
-		widgetState.lineNumber = v.lineNumber;
-	};
-
 	const enableHighlight = $derived(props.diffViewHighlight ?? true);
 
 	const theme = $derived(props.diffViewTheme);
@@ -179,7 +174,10 @@
 					});
 					diffFile.notifyAll();
 				}
-			} else if (diffFile._getHighlighterType() !== 'class') {
+			} else if (
+				diffFile._getHighlighterName() !== buildInHighlighter.name ||
+				diffFile._getHighlighterType() !== 'class'
+			) {
 				diffFile.initSyntax();
 				diffFile.notifyAll();
 			}

packages/vue/src/components/DiffView.tsx

@@ -1,4 +1,4 @@
-import { DiffFile, _cacheMap, SplitSide } from "@git-diff-view/core";
+import { DiffFile, _cacheMap, SplitSide, highlighter as buildInHighlighter } from "@git-diff-view/core";
 import { diffFontSizeName, DiffModeEnum } from "@git-diff-view/utils";
 import { defineComponent, provide, ref, watch, watchEffect, computed, onUnmounted } from "vue";
 
@@ -174,10 +174,13 @@ export const DiffView = defineComponent<
               registerHighlighter: registerHighlighter,
             });
             instance.notifyAll();
-          } else if (instance._getHighlighterType() !== "class") {
-            instance.initSyntax({});
-            instance.notifyAll();
           }
+        } else if (
+          instance._getHighlighterName() !== buildInHighlighter.name ||
+          instance._getHighlighterType() !== "class"
+        ) {
+          instance.initSyntax({});
+          instance.notifyAll();
         }
       }
     };