Provide easier API for adding/removing fields in an array about svelte-forms-lib HOT 4 OPEN

  <FieldArray name="users" let:fields>
    {#each fields.entries() as [name, i]}
      <div class="form-group">
        <div>
          <Field
            name={`${name}.name`}
            type="text"
            let:field
          >
            <input
              {...field.input}
              on:input={field['on:input']}
              on:blur={field.handleChange}
              placeholder={`Name of person #${i + 1}`}
            />
            {#if field.error}
              <small class="error">{field.error}</small>
            {/if}
          </Field>
        </div>

        <div>
          <Field
            name={`${name}.email`}
            type="email"
            let:field
          >
            <input
              {...field.input}
              on:input={field['on:input']}
              on:blur={field.handleChange}
              placeholder="E-mail address"
            />
            {#if field.error}
              <small class="error">{field.error}</small>
            {/if}
          </Field>
        </div>

        <button type="button" on:click={fields.remove(i)}>-</button>
      </div>
    {/each}
    <div class="button-group">
      <button type="button" on:click={() => fields.push({ name: "", email: "" })}>+</button>
      <button type="button" on:click={handleSubmit}>submit</button>
      <button type="button" on:click={handleReset}>reset</button>
    </div>
  </FieldArray>