fix format

Author: bluebill1049

src/components/FormFields.tsx

@@ -10,7 +10,7 @@ const errorStyle = {
 }
 
 function getNumericValidationFor<
-  TKey extends "maxLength" | "minLength" | "min" | "max",
+  TKey extends "maxLength" | "minLength" | "min" | "max"
 >(name: TKey, value: string): Record<TKey, number> | null {
   const number = parseInt(value, 10)
   if (typeof number === "number" && !Number.isNaN(number)) {

src/components/Nav.tsx

@@ -236,7 +236,9 @@ export default function Nav() {
             <span>{nav.advanced}</span>
           </Link>
           <Link
-            className={`desktopOnly ${router.asPath == "/faqs" ? "active" : ""}`}
+            className={`desktopOnly ${
+              router.asPath == "/faqs" ? "active" : ""
+            }`}
             href="/faqs"
           >
             <div className={styles.iconWrapper}>

src/components/ResourceList.tsx

@@ -35,9 +35,9 @@ export default function ResourceList({
     const { title, author, description, version } = cur
     // case insensitive filter
     if (
-      `${title} ${author ?? ""} ${description ?? ""} ${version ? `v${version}` : ""}`.match(
-        new RegExp(watch("filterResources"), "i")
-      )
+      `${title} ${author ?? ""} ${description ?? ""} ${
+        version ? `v${version}` : ""
+      }`.match(new RegExp(watch("filterResources"), "i"))
     ) {
       acc.push(cur)
     }

src/components/Watcher.tsx

@@ -74,20 +74,20 @@ const Watcher = ({ isPlayWatch }: { isPlayWatch: boolean }) => {
           i === 13
             ? "W"
             : i === 14
-              ? "Wa"
-              : i === 15
-                ? "Wat"
-                : i === 16
-                  ? "Watc"
-                  : i === 17
-                    ? "Watch"
-                    : i === 18
-                      ? "Watchi"
-                      : i === 19
-                        ? "Watchin"
-                        : i === 20
-                          ? "Watching"
-                          : "Watching."
+            ? "Wa"
+            : i === 15
+            ? "Wat"
+            : i === 16
+            ? "Watc"
+            : i === 17
+            ? "Watch"
+            : i === 18
+            ? "Watchi"
+            : i === 19
+            ? "Watchin"
+            : i === 20
+            ? "Watching"
+            : "Watching."
         )
       }
 

src/components/layout.css

@@ -523,17 +523,11 @@ a.skip-main:active {
   width: 1px;
   height: 1px;
   border: 1px solid transparent;
-  box-shadow:
-    -2px 0 0 -1px currentColor,
-    2px 0 0 -1px currentColor,
-    0 -2px 0 -1px currentColor,
-    0 2px 0 -1px currentColor,
-    -6px 0 0 -1px currentColor,
-    6px 0 0 -1px currentColor,
-    -4px -2px 0 -1px currentColor,
-    -4px 2px 0 -1px currentColor,
-    4px -2px 0 -1px currentColor,
-    4px 2px 0 -1px currentColor;
+  box-shadow: -2px 0 0 -1px currentColor, 2px 0 0 -1px currentColor,
+    0 -2px 0 -1px currentColor, 0 2px 0 -1px currentColor,
+    -6px 0 0 -1px currentColor, 6px 0 0 -1px currentColor,
+    -4px -2px 0 -1px currentColor, -4px 2px 0 -1px currentColor,
+    4px -2px 0 -1px currentColor, 4px 2px 0 -1px currentColor;
 }
 
 .keyboard.icon:after {

src/content/docs/createFormControl.mdx

@@ -12,14 +12,15 @@ This function create the entire form state subscription and allow you to subscri
 
 This following table applied to `FormProvider`, `useFormContext` accepts no argument.
 
-| Name       | Type                        | Description                                    |
-| ---------- | --------------------------- | ---------------------------------------------- |
+| Name       | Type                        | Description    |
+| ---------- | --------------------------- | -------------- |
 | `...props` | <TypeText>Object</TypeText> | `UseFormProps` |
 
 <Admonition type="important" title="Notes">
-- This function is published at **v7.55.0-next.1**
-- This function is completely optional, you can consider to use this instead of `useFormContext` API.
-- You may find it useful if you would like to subscribe formsState by skipping react re-render.
+  - This function is published at **v7.55.0-next.1** - This function is
+  completely optional, you can consider to use this instead of `useFormContext`
+  API. - You may find it useful if you would like to subscribe formsState by
+  skipping react re-render.
 </Admonition>
 
 **Examples:**
@@ -72,7 +73,7 @@ formControl.subscribe({
     if (formState.isDirty) {
       // do something here
     }
-  }
+  },
 })
 
 function App() {
@@ -83,4 +84,5 @@ function App() {
   return <form />
 }
 ```
+
 </TabGroup>

src/content/ts.mdx

@@ -130,7 +130,7 @@ export default function App() {
 export type UseFormReturn<
   TFieldValues extends FieldValues = FieldValues,
   TContext = any,
-  TTransformedValues extends FieldValues | undefined = undefined,
+  TTransformedValues extends FieldValues | undefined = undefined
 > = {
   watch: UseFormWatch<TFieldValues>
   getValues: UseFormGetValues<TFieldValues>
@@ -240,7 +240,7 @@ export default function App() {
 export type UseFormProps<
   TFieldValues extends FieldValues = FieldValues,
   TContext extends object = object,
-  TTransformedValues extends FieldValues | undefined = undefined,
+  TTransformedValues extends FieldValues | undefined = undefined
 > = Partial<{
   mode: Mode
   disabled: boolean
@@ -267,9 +267,8 @@ export type UseFormProps<
 ```typescript copy
 export type UseFieldArrayReturn<
   TFieldValues extends FieldValues = FieldValues,
-  TFieldArrayName extends
-    FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
-  TKeyName extends string = "id",
+  TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
+  TKeyName extends string = "id"
 > = {
   swap: UseFieldArraySwap
   move: UseFieldArrayMove
@@ -318,7 +317,7 @@ export type UseFieldArrayProps<
 ```typescript copy
 export type UseControllerReturn<
   TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
 > = {
   field: ControllerRenderProps<TFieldValues, TName>
   formState: UseFormStateReturn<TFieldValues>
@@ -333,7 +332,7 @@ export type UseControllerReturn<
 ```typescript copy
 export type UseControllerProps<
   TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
 > = {
   name: TName
   rules?: Omit<
@@ -432,9 +431,8 @@ export type FieldValues = Record<string, any>
 ```typescript copy
 export type FieldArrayWithId<
   TFieldValues extends FieldValues = FieldValues,
-  TFieldArrayName extends
-    FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
-  TKeyName extends string = "id",
+  TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
+  TKeyName extends string = "id"
 > = FieldArray<TFieldValues, TFieldArrayName> & Record<TKeyName, string>
 ```
 
@@ -455,7 +453,7 @@ export type Mode = keyof ValidationMode
 ```typescript copy
 export type RegisterOptions<
   TFieldValues extends FieldValues = FieldValues,
-  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
 > = Partial<{
   required: Message | ValidationRule<boolean>
   min: ValidationRule<number | string>