引入 husky，并全局重新格式化

src/components/ui/form.tsx

@@ -23,22 +23,23 @@ type FormProps<T extends FieldValues> = {
 } & Omit<ComponentProps<'form'>, 'onSubmit' | 'onError'>
 
 function Form<T extends FieldValues>(rawProps: FormProps<T>) {
-
   const {children, onSubmit, onError, handler, ...props} = rawProps
   const form = props.form
 
   const handle = handler || form.handleSubmit(
-    onSubmit || (_ => {}),
+    onSubmit || ((_) => {}),
     onError,
   )
 
   return (
     <FormProvider {...form}>
-      <form {...props} onSubmit={async event => {
-        event.preventDefault()
-        event.stopPropagation()
-        await handle(event)
-      }}>
+      <form
+        {...props}
+        onSubmit={async (event) => {
+          event.preventDefault()
+          event.stopPropagation()
+          await handle(event)
+        }}>
         {children}
       </form>
     </FormProvider>
@@ -71,44 +72,52 @@ function FormField<
   const form = useFormContext<V>()
   const id = useId()
   return (
-    <Controller<V, N> name={props.name} control={form.control} render={({field, fieldState, formState}) => (
-      <div data-slot="form-field" className={merge('grid gap-2', props.className)}>
+    <Controller<V, N>
+      name={props.name}
+      control={form.control}
+      render={({field, fieldState, formState}) => (
+        <div data-slot="form-field" className={merge('grid gap-2', props.className)}>
 
-        {/* label */}
-        {!!props.label &&
-          <FormLabel id={`${id}-label`} error={fieldState.error} className={props.classNames?.label}>
-            {props.label}
-          </FormLabel>
-        }
+          {/* label */}
+          {!!props.label
+            && (
+              <FormLabel id={`${id}-label`} error={fieldState.error} className={props.classNames?.label}>
+                {props.label}
+              </FormLabel>
+            )
+          }
 
-        {/* control */}
-        <Slot
-          data-slot="form-control"
-          aria-invalid={!!fieldState.error}
-          aria-describedby={
-            !!fieldState.error
-              ? `${id}-description`
-              : `${id}-description ${id}-message`
-          }>
-          {props.children({id, field, fieldState, formState})}
-        </Slot>
+          {/* control */}
+          <Slot
+            data-slot="form-control"
+            aria-invalid={!!fieldState.error}
+            aria-describedby={
+              !!fieldState.error
+                ? `${id}-description`
+                : `${id}-description ${id}-message`
+            }>
+            {props.children({id, field, fieldState, formState})}
+          </Slot>
 
-        {/* description */}
-        {!!props.description && (
-          <FormDescription id={`${id}-description`} error={fieldState.error} className={merge(
-            `text-weak`,
-            props.classNames?.description,
-          )}>
-            {props.description}
-          </FormDescription>
-        )}
+          {/* description */}
+          {!!props.description && (
+            <FormDescription
+              id={`${id}-description`}
+              error={fieldState.error}
+              className={merge(
+                `text-weak`,
+                props.classNames?.description,
+              )}>
+              {props.description}
+            </FormDescription>
+          )}
 
-        {/* message */}
-        {!fieldState.error ? null : (
-          <FormMessage id={`${id}-message`} error={fieldState.error} className={props.classNames?.message}/>
-        )}
-      </div>
-    )}/>
+          {/* message */}
+          {!fieldState.error ? null : (
+            <FormMessage id={`${id}-message`} error={fieldState.error} className={props.classNames?.message}/>
+          )}
+        </div>
+      )}/>
   )
 }