chore: update eslint.config.js

Daydreamer-riri · Jun 29, 2024 · 2b09e1f · 2b09e1f
1 parent f9fcd0e
commit 2b09e1f
Show file tree

Hide file tree

Showing 15 changed files with 49 additions and 15 deletions.
diff --git a/docs/src/pages/Layout.tsx b/docs/src/pages/Layout.tsx
@@ -67,14 +67,20 @@ export default function Layout() {
               >
                 Repo
               </a>
-              <button title="Toggle Color Scheme" className="py-2 px-6 pl-2 op-60 hover:op-100" onClick={() => toggleTheme()}>
+              <button
+                type="button"
+                title="Toggle Color Scheme"
+                className="py-2 px-6 pl-2 op-60 hover:op-100"
+                onClick={() => toggleTheme()}
+              >
                 <div className="i-ri-sun-line dark:i-ri-moon-line"></div>
               </button>
             </nav>
             <button
               title="Menu"
               className="sm:hidden flex flex-col ml-4"
               onClick={() => setMenuOpen(!menuOpen)}
+              type="button"
             >
               <span className="w-6 h-1 bg-gray-800 dark:bg-white mb-1" />
               <span className="w-6 h-1 bg-gray-800 dark:bg-white mb-1" />

diff --git a/eslint.config.js b/eslint.config.js
@@ -2,4 +2,9 @@ import ririd from '@ririd/eslint-config'
 
 export default ririd({
   formatters: true,
+}, {
+  files: ['**/*.md/**/*.html'],
+  rules: {
+    'format/prettier': 'off',
+  },
 })
diff --git a/examples/auto-pages/src/Layout.tsx b/examples/auto-pages/src/Layout.tsx
@@ -21,7 +21,12 @@ export default function Layout() {
           <Outlet />
         </Suspense>
         <div>
-          <button onClick={() => setState(v => !v)}>layout change title</button>
+          <button
+            onClick={() => setState(v => !v)}
+            type="button"
+          >
+            layout change title
+          </button>
         </div>
       </main>
     </>

diff --git a/examples/auto-pages/src/components/a-count.tsx b/examples/auto-pages/src/components/a-count.tsx
@@ -11,7 +11,7 @@ export default function ACount({ onClick }: { onClick: (value: number) => void }
         setCount(prev => ++prev)
         onClick?.(count + 1)
       }}
-
+      type="button"
     >{count}
     </button>
   )

diff --git a/examples/auto-pages/src/pages/index.tsx b/examples/auto-pages/src/pages/index.tsx
@@ -15,10 +15,10 @@ export default function Index() {
       </div>
       <h1>Vite + React</h1>
       <div className="card">
-        <button onClick={() => setCount(count => count + 1)}>
+        <button type="button" onClick={() => setCount(count => count + 1)}>
           count is {count}
         </button>
-        <button onClick={() => startTransition(() => void 0)}>
+        <button type="button" onClick={() => startTransition(() => void 0)}>
           to A
         </button>
         <Link to="/a">TO A</Link>

diff --git a/examples/lazy-pages/src/Layout.tsx b/examples/lazy-pages/src/Layout.tsx
@@ -20,7 +20,7 @@ export default function Layout() {
           <Outlet />
         </Suspense>
         <div>
-          <button onClick={() => setState(v => !v)}>layout change title</button>
+          <button type="button" onClick={() => setState(v => !v)}>layout change title</button>
         </div>
       </main>
     </>

diff --git a/examples/lazy-pages/src/components/a-count.tsx b/examples/lazy-pages/src/components/a-count.tsx
@@ -5,6 +5,12 @@ export default function ACount() {
   const [count, setCount] = useState(0)
 
   return (
-    <button className="a-count" onClick={() => setCount(prev => ++prev)}>{count}</button>
+    <button
+      type="button"
+      className="a-count"
+      onClick={() => setCount(prev => ++prev)}
+    >
+      {count}
+    </button>
   )
 }
diff --git a/examples/lazy-pages/src/pages/index.tsx b/examples/lazy-pages/src/pages/index.tsx
@@ -15,7 +15,7 @@ export default function Index() {
       </div>
       <h1>Vite + React</h1>
       <div className="card">
-        <button onClick={() => setCount(count => count + 1)}>
+        <button type="button" onClick={() => setCount(count => count + 1)}>
           count is {count}
         </button>
         <Link to="/a">TO A</Link>

diff --git a/examples/multiple-pages/src/Layout.tsx b/examples/multiple-pages/src/Layout.tsx
@@ -20,7 +20,7 @@ export default function Layout() {
           <Outlet />
         </Suspense>
         <div>
-          <button onClick={() => setState(v => !v)}>layout change title</button>
+          <button type="button" onClick={() => setState(v => !v)}>layout change title</button>
         </div>
       </main>
     </>

diff --git a/examples/multiple-pages/src/components/a-count.tsx b/examples/multiple-pages/src/components/a-count.tsx
@@ -5,6 +5,12 @@ export default function ACount() {
   const [count, setCount] = useState(0)
 
   return (
-    <button className="a-count" onClick={() => setCount(prev => ++prev)}>{count}</button>
+    <button
+      type="button"
+      className="a-count"
+      onClick={() => setCount(prev => ++prev)}
+    >
+      {count}
+    </button>
   )
 }
diff --git a/examples/multiple-pages/src/pages/index.tsx b/examples/multiple-pages/src/pages/index.tsx
@@ -15,7 +15,7 @@ export default function Index() {
       </div>
       <h1>Vite + React</h1>
       <div className="card">
-        <button onClick={() => setCount(count => count + 1)}>
+        <button type="button" onClick={() => setCount(count => count + 1)}>
           count is {count}
         </button>
         <Link to="/a">TO A</Link>

diff --git a/examples/single-page/src/App.tsx b/examples/single-page/src/App.tsx
@@ -13,7 +13,7 @@ export default function Index() {
       <h1>Vite + React</h1>
       <h2>vite-react-ssg single-page</h2>
       <div className="card">
-        <button onClick={() => setCount(count => count + 1)}>
+        <button type="button" onClick={() => setCount(count => count + 1)}>
           count is {count}
         </button>
         <p>

diff --git a/examples/styled-components/src/Layout.tsx b/examples/styled-components/src/Layout.tsx
@@ -20,7 +20,12 @@ export default function Layout() {
           <Outlet />
         </Suspense>
         <div>
-          <button onClick={() => setState(v => !v)}>layout change title</button>
+          <button
+            type="button"
+            onClick={() => setState(v => !v)}
+          >
+            layout change title
+          </button>
         </div>
       </main>
     </>

diff --git a/examples/styled-components/src/pages/index.tsx b/examples/styled-components/src/pages/index.tsx
@@ -15,10 +15,10 @@ export default function Index() {
       </div>
       <h1>Vite + React</h1>
       <div className="card">
-        <button onClick={() => setCount(count => count + 1)}>
+        <button type="button" onClick={() => setCount(count => count + 1)}>
           count is {count}
         </button>
-        <button onClick={() => startTransition(() => void 0)}>
+        <button type="button" onClick={() => startTransition(() => void 0)}>
           to A
         </button>
         <Link to="/a">TO A</Link>

diff --git a/examples/with-loader/src/pages/[docs].tsx b/examples/with-loader/src/pages/[docs].tsx
@@ -5,6 +5,7 @@ export default function Docs() {
   const doc = useLoaderData() as string
 
   return (
+    // eslint-disable-next-line react-dom/no-dangerously-set-innerhtml
     <div dangerouslySetInnerHTML={{ __html: doc }} />
   )
 }