Multiple Forms create? about svelte-forms-lib HOT 1 CLOSED

<script>
  import { Form, Field } from "svelte-forms-lib";
  import * as yup from "yup";

  const form1 = {
    initialValues: {
      name: "",
    },
    validationSchema: yup.object().shape({
      name: yup.string(),
    }),
    onSubmit: values => {
      alert(JSON.stringify(values, null, 2));
    }
  };

  const form2 = {
    initialValues: {
      email: "",
    },
    validationSchema: yup.object().shape({
      email: yup.string().email(),
    }),
    onSubmit: values => {
      alert(JSON.stringify(values, null, 2));
    }
  };
</script>
 
<!-- form 1 -->
<Form {...form1}>
  <Field name="name" type="text" />
  <button type="submit">submit</button>
</Form>

<!-- form 2 -->
<Form {...form2}>
  <Field name="email" type="email" />
  <button type="submit">submit</button>
</Form>