lint

packages/core/src/parse/diff-parse.ts

@@ -328,7 +328,7 @@ export class DiffParser {
       // is not a "no newline" marker. Otherwise, we'll end up with a wrong
       // `diffLineNumber` for the next line. This could happen if the last line
       // in the file doesn't have a newline before the change.
-      diffLineNumber++
+      diffLineNumber++;
 
       let diffLine: DiffLine;
 

packages/react/src/style/diff-view-atom.css

@@ -1,3 +1,3 @@
 @import url("highlight.js/styles/atom-one-light.css");
 @import url("highlight.js/styles/atom-one-dark.css");
-@import url('../tailwind.css');
+@import url("../tailwind.css");

packages/react/src/style/diff-view-github.css

@@ -1,3 +1,3 @@
 @import url("highlight.js/styles/github.css");
 @import url("highlight.js/styles/github-dark.css");
-@import url('../tailwind.css');
+@import url("../tailwind.css");

packages/react/src/style/diff-view-stackoverflow.css

@@ -1,3 +1,3 @@
 @import url("highlight.js/styles/stackoverflow-light.css");
 @import url("highlight.js/styles/stackoverflow-dark.css");
-@import url('../tailwind.css');
+@import url("../tailwind.css");

packages/react/src/tailwind.css

@@ -26,7 +26,7 @@
 }
 
 [data-theme="dark"] .diff-style-root {
-  --diff-border--: #3D444D;
+  --diff-border--: #3d444d;
   --diff-add-content--: #14261f;
   --diff-del-content--: #311b1f;
   --diff-add-lineNumber--: #1f4429;
@@ -48,7 +48,9 @@
   color: white;
 }
 
-table, tr, td {
+table,
+tr,
+td {
   border-color: transparent;
   border-width: 0px;
 }

packages/vue/src/components/DiffSplitViewNormal.tsx

@@ -140,10 +140,7 @@ export const DiffSplitViewNormal = defineComponent(
           >
             <DiffSplitViewTable side={SplitSide.old} diffFile={props.diffFile} />
           </div>
-          <div
-            class="diff-split-line w-[1.5px]"
-            style={{ backgroundColor: `var(${borderColorName})` }}
-          />
+          <div class="diff-split-line w-[1.5px]" style={{ backgroundColor: `var(${borderColorName})` }} />
           <div
             class="new-diff-table-wrapper diff-table-scroll-container w-full overflow-x-auto overflow-y-hidden"
             ref={ref2}

packages/vue/src/tailwind.css

@@ -26,7 +26,7 @@
 }
 
 [data-theme="dark"] .diff-style-root {
-  --diff-border--: #3D444D;
+  --diff-border--: #3d444d;
   --diff-add-content--: #14261f;
   --diff-del-content--: #311b1f;
   --diff-add-lineNumber--: #1f4429;
@@ -48,7 +48,9 @@
   color: white;
 }
 
-table, tr, td {
+table,
+tr,
+td {
   border-color: transparent;
   border-width: 0px;
 }

ui/react-example/src/Example.tsx

@@ -394,7 +394,7 @@ export function Example() {
         </p>
       </div>
       <div className="m-auto mb-[1em] w-[90%] text-right text-[12px]">
-        <div className="inline-flex gap-x-4 flex-wrap gap-y-2">
+        <div className="inline-flex flex-wrap gap-x-4 gap-y-2">
           <button
             className="rounded-full bg-sky-400 px-5 py-2 text-sm font-semibold leading-5 text-white hover:bg-sky-500"
             onClick={() => setDarkMode(!darkMode)}

ui/react-example/src/worker.ts

@@ -7,7 +7,7 @@ export type MessageData = {
   id: number;
   data: DiffViewProps<any>["data"];
   highlight?: boolean;
-  theme?: 'light' | 'dark';
+  theme?: "light" | "dark";
   bundle: ReturnType<DiffFile["getBundle"]>;
 };
 

ui/vue-example/src/App.vue

@@ -55,7 +55,7 @@ watch(
 watch(
   _data,
   () => {
-    worker.postMessage({ data: _data.value, theme: 'dark' });
+    worker.postMessage({ data: _data.value, theme: "dark" });
   },
   { immediate: true }
 );