24
Composables

Drafts, Uploads, Resolver, Wizard, and i18n

Workflow and utility composables for staged forms and multi-page UX.

useFormForgeDrafts

const drafts = useFormForgeDrafts({ key: 'contact' })

await drafts.saveDraft(payload)
await drafts.fetchCurrentDraft()
await drafts.deleteCurrentDraft()

State:

  • draft
  • loading
  • error

useFormForgeUploads

const uploads = useFormForgeUploads({ key: 'contact' })

await uploads.stageUpload({
  field: 'resume',
  file
})

State:

  • uploading
  • error
  • lastUpload

useFormForgeResolver

const resolver = useFormForgeResolver({
  key: 'contact',
  payload: () => form.state.value,
  watchPayload: true,
  delay: 250,
  immediate: false
})

Methods:

  • resolve(payload?, options?)
  • resolveNow(payload?, options?)
  • clearScheduledResolve()

useFormForgeWizard

Main API:

  • nextPage()
  • previousPage()
  • goToPage(pageKey)
  • setPageIndex(index)
  • resetWizard()

useFormForgeI18n

Package internal labels and translation keys.

Supported locales include en and fr.