Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

EvanSchleret/FormForgeClient

FormForge banner

FormForge Client

Nuxt 4 client and Nuxt UI v4 renderer for FormForge.

CI MIT License Nuxt 4.x Nuxt UI 4.x

Documentation

Full documentation is available at:

Use this README as a quick start only.

Requirements

  • Nuxt 4.x
  • @nuxt/ui 4.x
  • Node.js >=20 or Bun >=1.3

Install

bun add @evanschleret/formforgeclient

Minimal setup

// nuxt.config.ts
export default defineNuxtConfig({
 modules: ['@nuxt/ui', '@evanschleret/formforgeclient'],
 formforgeClient: {
 baseURL: '/api/formforge/v1',
 credentials: 'include'
 }
})

Minimal renderer usage

<script setup lang="ts">
const route = useRoute()
</script>
<template>
 <FormForgeRenderer :form-key="String(route.params.form)" />
</template>

Scoped routes quick example

// nuxt.config.ts
export default defineNuxtConfig({
 formforgeClient: {
 baseURL: '/api/formforge/v1',
 scopedRoutes: {
 team: {
 prefix: 'teams/{team}',
 paramsFromRoute: {
 team: 'team'
 }
 }
 },
 defaultScope: 'team'
 }
})
const management = useFormForgeManagement()
const forms = await management.listForms(false)

Useful links

AltStyle によって変換されたページ (->オリジナル) /