Nuxt Module
Seamless integration with Nuxt 4 with auto-imports and easy configuration.
The Nuxt module provides a first-class experience for using NotForm in Nuxt applications. It handles component and composable registration automatically so you can start building forms immediately.
Setup
Install the Nuxt module
pnpm add notform-nuxt
yarn add notform-nuxt
npm install notform-nuxt
bun add notform-nuxt
Add the module to your config
nuxt.config.ts
export default defineNuxtConfig({
modules: ['notform-nuxt'],
})
Features
Auto-imports
Components and composables are available globally without manual imports.
| Export | Type |
|---|---|
useNotForm | Composable |
NotForm | Component |
NotField | Component |
NotMessage | Component |
NotArrayField | Component |
Type safety
Types for NotFormInstance, UseNotFormConfig, NotFieldProps, and others are available globally for IntelliSense in Vue files — no imports needed.
Server-side rendering (SSR)
NotForm is fully compatible with Nuxt's SSR. Form state and validation work on both server and client.