Anyone have a good example of a multi step form implementation?

[verow-co]

Any examples would be greatly appreciated. I have already seen a few utilizing just super forms but I am failing miserably when it comes to implementing using shadcn-svelte. I specifically can't figure out how to update which schema to use for each step using client side validation. I was trying this at first but no luck:

`<script lang="ts">
import * as Form from "$lib/components/ui/form/index.js";
import { Input } from "$lib/components/ui/input/index.js";
import { zod } from 'sveltekit-superforms/adapters';
import {
type SuperValidated,
type Infer,
superForm,
} from "sveltekit-superforms";
import { schemaStep_1, schemaStep_2, schemaLastStep, type FormSchema } from "./schema";

import SuperDebug from "sveltekit-superforms";

let { data, stepper }: { data: { form: SuperValidated<Infer<FormSchema>> }; stepper: any} =
    $props();

const schemaSteps = [zod(schemaStep_1), zod(schemaStep_2), zod(schemaLastStep)]


// Initialize the form with the first schema in the schemaSteps array 
// this will be placed in the multi-step form component

const { form: formData, enhance, options } = superForm(data.form, {
validators: schemaSteps[0]

});

let validators = $derived(() => schemaSteps[stepper.currentStep - 1]);

options.validators = () => validators;`