chore: Fix TypeScript type errors in Card and ScriptIndex compone…

…nts.
2devs-team · May 18, 2024 · 774d24e · 774d24e
1 parent 98ced2a
commit 774d24e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/website/src/components/Card.astro b/website/src/components/Card.astro
@@ -1,9 +1,8 @@
 ---
 import { Icon } from "@astrojs/starlight/components";
-import type { Icons } from "@astrojs/starlight/components/Icons";
 
 interface Props {
-  icon?: keyof typeof Icons;
+  icon?: string;
   title: string;
 }
 
@@ -17,7 +16,7 @@ const { icon, title } = Astro.props;
     class="card-inner flex flex-col relative w-full h-full overflow-hidden rounded-2xl transition duration-300"
   >
     <p class="title sl-flex">
-      {icon && <Icon name={icon} class="icon" size="1.333em" />}
+      {icon && <Icon name={icon as any} class="icon" size="1.333em" />}
       <span set:html={title} />
     </p>
     <div class="body"><slot /></div>

diff --git a/website/src/components/ScriptIndex.astro b/website/src/components/ScriptIndex.astro
@@ -13,7 +13,7 @@
 
   for (const card of document.querySelectorAll(".card")) {
     //@ts-ignore
-    card.onmousemove = (e) => handleOnMouseMove(e);
+    card.onmousemove = (e: any) => handleOnMouseMove(e);
   }
 
   const header = document.querySelector(".header");

diff --git a/website/src/components/Search.astro b/website/src/components/Search.astro
@@ -134,8 +134,7 @@ const pagefindTranslations = {
           const onIdle =
             window.requestIdleCallback || ((cb) => setTimeout(cb, 1));
           onIdle(async () => {
-            // @ts-expect-error — Missing types for @pagefind/default-ui package.
-            const { PagefindUI } = await import("@pagefind/default-ui");
+            const { PagefindUI } = await import("@pagefind/default-ui" as any);
             new PagefindUI({
               element: "#starlight__search",
               baseUrl: import.meta.env.BASE_URL,