Nuxt: Quick start

The Nuxt adapter loads the form before rendering and is designed for SSR. Wrap it in Suspense.

npm install @jcees-forms/nuxt @jcees-forms/css

<script setup lang="ts">
import { JCeesForms } from '@jcees-forms/nuxt'
import '@jcees-forms/css/style.css'
import 'flatpickr/dist/flatpickr.css'
</script>

<template>
  <Suspense>
    <JCeesForms space="your-space-id" form="your-form-id" />
  </Suspense>
</template>

For global registration, install the plugin exported from @jcees-forms/nuxt/plugin in a Nuxt plugin file. This registers both JCeesForms and JCeesFormsNuxt.