Fix deno lint errors: unused vars, no-window, react-no-danger, jsx-button-has-type

Copilot · daesdev · web-flow · commit ec0df1ad6d64 · 2026-04-05T06:34:26.000Z
Agent-Logs-Url: https://github.com/daesdev/vibe-coding/sessions/42cc9f47-edb1-4662-9813-35ff4bea9114 Co-authored-by: daesdev <31475869+daesdev@users.noreply.github.com>
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -7,13 +7,15 @@ export default function Footer({ state }: PageProps<State>) {
   const { lang: _lang, translations } = state;
   return (
     <footer class="text-center text-xs w-full py-1 mt-10 mb-20">
+      {/* deno-lint-ignore react-no-danger */}
       <div
         class="py-1"
         dangerouslySetInnerHTML={{
           __html: translations.index.footer.development,
         }}
       >
       </div>
+      {/* deno-lint-ignore react-no-danger */}
       <div
         class="py-1"
         dangerouslySetInnerHTML={{
diff --git a/islands/ButtonPrint.tsx b/islands/ButtonPrint.tsx
@@ -1,6 +1,6 @@
 const ButtonPrint = () => {
   const handlePrint = () => {
-    window.print();
+    globalThis.print();
   };
 
   return (
diff --git a/islands/DarkMode.tsx b/islands/DarkMode.tsx
@@ -8,7 +8,7 @@ const DarkMode = () => {
     const savedTheme = localStorage.getItem("theme");
     const isDarkModeClient = savedTheme
       ? savedTheme === "dark"
-      : window.matchMedia("(prefers-color-scheme: dark)").matches;
+      : globalThis.matchMedia("(prefers-color-scheme: dark)").matches;
     if (isDarkModeClient) {
       setIsDarkMode(true);
     }
@@ -30,6 +30,7 @@ const DarkMode = () => {
 
   return (
     <button
+      type="button"
       onClick={toggleDarkMode}
       className="print:hidden"
     >
diff --git a/routes/[lang]/index.tsx b/routes/[lang]/index.tsx
@@ -43,6 +43,7 @@ export default function Home({ state, data }: PageProps<State>) {
                   <ul class="ml-6 list-disc col-span-full text-slate-800/90 dark:text-slate-200/80 text-pretty text-sm">
                     {section.items.map((item, index) => (
                       <li key={index}>
+                        {/* deno-lint-ignore react-no-danger */}
                         <div
                           dangerouslySetInnerHTML={{
                             __html: item,
diff --git a/routes/_404.tsx b/routes/_404.tsx
@@ -1,6 +1,6 @@
 import { Head } from "$fresh/runtime.ts";
 import { pageProps } from "$fresh/server.ts";
-export default function Error404({ message }: pageProps<{ message: string }>) {
+export default function Error404(_: pageProps<{ message: string }>) {
   return (
     <>
       <Head>
diff --git a/routes/index.tsx b/routes/index.tsx
@@ -42,6 +42,7 @@ export default function Home({ state, data }: PageProps<State>) {
                   <ul class="ml-6 list-disc col-span-full text-slate-800/90 dark:text-slate-200/80 text-pretty text-sm">
                     {section.items.map((item, index) => (
                       <li key={index}>
+                        {/* deno-lint-ignore react-no-danger */}
                         <div
                           dangerouslySetInnerHTML={{
                             __html: item,
