solid-hook-form 1.4.1 → 1.4.2

package/README.md

@@ -1,8 +1,17 @@
 # Solid Hook Form
 
-### Playground
+[<img width="1171" alt="Screenshot 2025-04-05 at 15 01 47" src="https://github.com/tatsmaki/solid-hook-form/blob/master/assets/demo.png" />](https://tatsmaki.github.io/solid-hook-form)
 
-[<img width="1171" alt="Screenshot 2025-04-05 at 15 01 47" src="https://github.com/tatsmaki/solid-hook-form/blob/master/assets/demo.png" />](https://solid-hook-form.vercel.app/)
+<p align="center">
+  <a href="https://tatsmaki.github.io/solid-hook-form/#/quickstart">Get started</a> | 
+  <a href="https://solid-hook-form.vercel.app/">Playground</a> 
+</p>
+
+### Features
+
+- Embraces native HTML form [validation](https://tatsmaki.github.io/solid-hook-form/#/quickstart?id=apply-validation)
+- [Small size](https://bundlephobia.com/package/solid-hook-form@latest) and no [dependencies](./package.json)
+- TypeScript [support](https://tatsmaki.github.io/solid-hook-form/#/quickstart?id=typescript)
 
 ### Install
 
@@ -10,42 +19,23 @@
 npm install solid-hook-form
 ```
 
-### Quickstart
+### Quick start
 
-```tsx
+```jsx
 import { useForm } from "solid-hook-form";
 
-const Form = () => {
-  const { errors, isValid, register, onSubmit } = useForm({
+const ExampleForm = () => {
+  const { errors, register, onSubmit } = useForm({
     defaultValues: {
-      date: new Date().toISOString().split("T")[0],
-      email: "",
-      password: "",
-      age: 0,
-      remember: false,
+      name: "",
     },
   });
 
+  const submitExample = (values) => console.log(values);
+
   return (
-    <form onSubmit={onSubmit(handleSubmit)}>
-      <input type="date" {...register("date", { required: "Required" })} />;
-      <input
-        {...register("email", {
-          required: "Required",
-          pattern: {
-            value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
-            message: "Invalid email",
-          },
-        })}
-      />
-      <input
-        {...register("password", {
-          required: "Required",
-          minLength: { value: 8, message: "Min 8" },
-        })}
-      />
-      <input type="number" {...register("age", { min: 18, max: 100 })} />
-      <input type="checkbox" {...register("remember", { required: "Required" })} />
+    <form onSubmit={onSubmit(submitExample)}>
+      <input {...register("name", { minLength: 2, pattern: /[A-Za-z]/ })} />;
       <button type="submit">Submit</button>
     </form>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-hook-form",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "type": "module",
   "main": "./dist/main.umd.cjs",
   "module": "./dist/main.js",
@@ -44,6 +44,7 @@
     "type": "git",
     "url": "https://github.com/tatsmaki/solid-hook-form.git"
   },
+  "homepage": "https://tatsmaki.github.io/solid-hook-form",
   "keywords": [
     "solid",
     "hooks",