Installation

Get started with Nuxt Schema Form.
Nuxt Schema Form is built on Nuxt UI v4. See Nuxt UI for more information.

Quick Start

  1. Install @ederzeel/nuxt-schema-form in your project:
npx nuxi@latest module add @ederzeel/nuxt-schema-form
  1. Make sure @ederzeel/nuxt-schema-form is in your nuxt.config modules:
nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@ederzeel/nuxt-schema-form']
})
  1. Import the module's styles in your main CSS file, after Nuxt UI, so Tailwind picks up the classes its components use:
assets/css/main.css
@import 'tailwindcss';
@import '@nuxt/ui';
@import '@ederzeel/nuxt-schema-form';

Configuration

You can set the module options with the schemaForm key in nuxt.config.

nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@ederzeel/nuxt-schema-form'],
  schemaForm: {
    // Module Options
  }
})