refactor: move to preact

StarHeartHunt · Jun 21, 2024 · 04497e6 · 04497e6
1 parent 4b5c1c6
commit 04497e6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/astro.config.ts b/astro.config.ts
@@ -104,7 +104,7 @@ export default defineConfig({
     mdx(),
     sitemap(),
     tailwind(),
-    preact({ compat: true }),
+    preact(),
     compress({
       CSS: true,
       HTML: true,

diff --git a/src/components/ThemeSwitcher.tsx b/src/components/ThemeSwitcher.tsx
@@ -1,11 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
-import { useEffect, useState, type ReactElement } from "react";
+import { type Component } from "preact";
+import { useEffect, useState } from "preact/hooks";
 
 type Props = {
-  dayIcon?: ReactElement;
-  nightIcon?: ReactElement;
+  dayIcon?: Component;
+  nightIcon?: Component;
 };
 
 export default function ThemeSwitcher({ dayIcon, nightIcon }: Props) {
@@ -75,7 +76,7 @@ export default function ThemeSwitcher({ dayIcon, nightIcon }: Props) {
   }
 
   return (
-    <div onClick={(e) => toggleDark(e.nativeEvent)}>
+    <div onClick={toggleDark}>
       {dayIcon}
       {nightIcon}
     </div>