use zod

Author: KianNH

src/components/Width.astro

@@ -1,20 +1,21 @@
 ---
 import { z } from "astro:schema";
 
+type Props = z.infer<typeof props>;
+
 const props = z.object({
-  size: z.enum(["large", "medium", "small"])
+	size: z.enum(["large", "medium", "small"]),
 });
 
-type Props = z.infer<typeof props>;
-const { size } = Astro.props;
+const { size } = props.parse(Astro.props);
 
 const widthClasses = {
-  large: "w-3/4",
-  medium: "w-1/2",
-  small: "w-1/4"
+	large: "w-3/4",
+	medium: "w-1/2",
+	small: "w-1/4",
 };
 ---
 
 <div class={widthClasses[size]}>
-  <slot />
+	<slot />
 </div>