chore: update example default tab

Author: Arman19941113

.github/workflows/github-ci.yml

@@ -42,7 +42,7 @@ jobs:
         run: pnpm run build
 
       - name: Build example
-        run: cd examples/basic && pnpm run build --base=/html-diff/
+        run: cd examples/basic && pnpm run build
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3

examples/basic/src/App.jsx

@@ -5,7 +5,7 @@ import useDiffData from './hooks/useDiffData.js'
 import useInputData from './hooks/useInputData.js'
 
 function App() {
-  const [tab, setTab] = useState(1)
+  const [tab, setTab] = useState(2)
   const { oldHtml, updateOldHtml, newHtml, updateNewHtml } = useInputData()
   const { unifiedContent, sideBySideContents } = useDiffData({ oldHtml, newHtml })
 

examples/basic/src/components/SideBySide.jsx

@@ -14,15 +14,15 @@ export default function SideBySide({ sideBySideContents }) {
   let isRightScroll = false
   function handleScroll(type) {
     if (type === 'left') {
-      if (isRightScroll.current) return
+      if (isRightScroll) return
       isLeftScroll = true
       clearTimeout(timer)
       timer = setTimeout(() => {
         isLeftScroll = false
       }, 300)
       syncScroll(leftContainer.current, rightContainer.current)
     } else {
-      if (isLeftScroll.current) return
+      if (isLeftScroll) return
       isRightScroll = true
       clearTimeout(timer)
       timer = setTimeout(() => {

examples/basic/vite.config.js

@@ -1,7 +1,8 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({
+  base: '/html-diff/',
   plugins: [react()],
 })