Configuration
Installation and nuxt.config.ts setup reference for @xenterprises/nuxt-x-app-formkit.
Configuration
nuxt-x-app-formkit has no app.config.ts keys — all behavior is controlled via component props. Configuration is limited to installation setup.
nuxt.config.ts
export default defineNuxtConfig({
extends: [
'@xenterprises/nuxt-x-formkit', // FormKit base layer (required)
'@xenterprises/nuxt-x-app', // Nuxt UI (required)
'@xenterprises/nuxt-x-app-formkit', // This layer
]
})
Required Peer Layers
| Layer | Purpose |
|---|---|
@xenterprises/nuxt-x-app | Provides UModal, USlideover, useToast |
@xenterprises/nuxt-x-formkit | Provides FormKit auto-configuration and custom inputs |
Component Defaults
All per-instance defaults are set via props. Common ones to configure at the call site:
| Prop | Default | Override on |
|---|---|---|
size | "md" | XFormModal |
side | "right" | XFormSlide |
showToast | true | Both |
closeOnSuccess | true | Both |
resetOnClose | true | Both |
dropzone | true | XFormFileUpload |
Environment Variables
None required by this layer. API endpoints are passed directly as the endpoint prop on each component instance.
AI Context
package: "@xenterprises/nuxt-x-app-formkit"
config-key: none
use-when: Configuring nuxt-x-app-formkit layer — all behavior is prop-driven, no app.config.ts keys