Configuration
Installation and nuxt.config.ts setup reference for @xenterprises/nuxt-x-formkit.
Configuration
nuxt-x-formkit auto-configures FormKit with the Nuxt UI theme. No manual FormKit setup is required — install the layer and custom inputs are available immediately.
nuxt.config.ts
export default defineNuxtConfig({
extends: ['@xenterprises/nuxt-x-formkit']
})
What Gets Auto-Configured
| Feature | Details |
|---|---|
| FormKit theme | Nuxt UI–compatible styling applied globally |
| Custom inputs | phone, address, currency, file-upload auto-registered |
| Validation rules | Shared rules included |
Custom Input Types
| Type | FormKit usage |
|---|---|
phone | <FormKit type="phone" /> |
address | <FormKit type="address" /> |
currency | <FormKit type="currency" /> |
file-upload | <FormKit type="file-upload" /> |
Environment Variables
None required.
AI Context
package: "@xenterprises/nuxt-x-formkit"
config-key: none
use-when: Configuring nuxt-x-formkit — FormKit is auto-configured, no app.config.ts keys needed
custom-inputs: [phone, address, currency, file-upload]