chore: remove eslint-disable comments

apps/demo-vite/src/root.tsx

@@ -81,15 +81,13 @@ const RootLayout = (): ReactNode => (
   <div className="flex h-dvh w-full flex-col overflow-hidden bg-neutral-50 text-neutral-900 dark:bg-neutral-950 dark:text-neutral-100">
     <header className="flex shrink-0 items-center gap-3 border-b border-neutral-200 bg-white px-3 py-1.5 sm:px-4 dark:border-neutral-800 dark:bg-neutral-900">
       <Link aria-label="Homepage" className="shrink-0 pr-1" to="/">
-        {/* eslint-disable-next-line @next/next/no-img-element */}
         <img
           alt="dashfoo"
           className="block h-5 w-auto dark:hidden"
           height={20}
           src="/dashfoo-logo-light.svg"
           width={105}
         />
-        {/* eslint-disable-next-line @next/next/no-img-element */}
         <img
           alt="dashfoo"
           className="hidden h-5 w-auto dark:block"

apps/docs/lib/layout.shared.tsx

@@ -1,4 +1,5 @@
 import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";
+import Image from "next/image";
 
 const GITHUB_URL = "https://github.com/pedroapfilho/dashfoo";
 
@@ -21,20 +22,20 @@ export const baseOptions = (): BaseLayoutProps => ({
   nav: {
     title: (
       <>
-        {/* eslint-disable-next-line @next/next/no-img-element */}
-        <img
+        <Image
           alt="dashfoo"
           className="block h-5 w-auto dark:hidden"
           height={20}
           src="/dashfoo-logo-light.svg"
+          unoptimized
           width={105}
         />
-        {/* eslint-disable-next-line @next/next/no-img-element */}
-        <img
+        <Image
           alt="dashfoo"
           className="hidden h-5 w-auto dark:block"
           height={20}
           src="/dashfoo-logo-dark.svg"
+          unoptimized
           width={105}
         />
       </>

apps/landing/app/_components/chart-panel.tsx

@@ -10,12 +10,7 @@ const ChartPanel = (): ReactNode => (
     </div>
     <div className="flex min-h-0 flex-1 items-end gap-1.5">
       {CHART_BARS.map((h, i) => (
-        <div
-          className="bg-accent flex-1 rounded-t-sm"
-          // eslint-disable-next-line react/no-array-index-key
-          key={i}
-          style={{ height: `${h}%` }}
-        />
+        <div className="bg-accent flex-1 rounded-t-sm" key={i} style={{ height: `${h}%` }} />
       ))}
     </div>
   </div>

oxlint.config.ts

@@ -21,6 +21,15 @@ export default defineConfig({
       },
     },
 
+    {
+      // demo-vite is a Vite app: next/image does not exist there, so the Next-specific
+      // img ban cannot be satisfied.
+      files: ["apps/demo-vite/**/*.tsx"],
+      rules: {
+        "nextjs/no-img-element": "off",
+      },
+    },
+
     {
       files: ["packages/react/src/hooks/responsive.ts"],
       rules: {