Merge pull request #10 from jlsnow301/typed-props

Fixes prop types in themeswitch component
surjithctly · May 8, 2024 · db95add · db95add
2 parents ccfb3dd + e4cfd7c
commit db95add
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "astro-color-scheme",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Perfect dark mode for Astro in few lines of code. Theme Toggle for Dark, Light & Auto (system)",
   "type": "module",
   "exports": {

diff --git a/src/ThemeSwitch.astro b/src/ThemeSwitch.astro
@@ -1,11 +1,11 @@
 ---
-interface Props {
-  strategy?: "button" | "checkbox" | "select" | "radio";
-  defaultTheme?: "dark" | "light" | "system";
-  as?: "div" | "span";
-}
+type Props = Partial<{
+  as: "div" | "span";
+  defaultTheme: "dark" | "light" | "system";
+  strategy: "button" | "checkbox" | "select" | "radio";
+}>;
 
-const { strategy, defaultTheme, as: Element = "span" } = Astro.props;
+const { strategy, defaultTheme, as: Element = "span" }: Props = Astro.props;
 ---
 
 <Element id="astro-color-scheme-switch">