AI
AI configuration options.
AI Configuration Options
The following options are for configuring the AI Assistant.
js
// builder.config.js
import { defineConfig } from '@vueform/builder'
export default defineConfig({
ai: {
/**
* Enable the AI assistant. (`false` by default)
*/
enable: true,
/**
* List of messages to display when the form is being generated. ([] by default)
* If empty, 'Please wait while your form is being generated' will be shown.
*/
messages: [
'Rounding up the digital hamsters... 🐹',
'Bribing the AI with virtual cookies to work faster... 🍪',
'Consulting the magic 8-ball for the best form layout... 🔮',
'Doing a quick coffee run for our code monkeys... ☕',
'Enticing the radio buttons out of hiding... 🔘',
'Warming up the submit button for its big moment... 🏃♂️💨',
'Persuading the CAPTCHA that not all humans are robots... 🤖❌',
'Doing a background check on the checkboxes... ☑️',
'Sprinkling a little bit of magic dust on the validation rules... 🪄',
],
/**
* Whether messages should be shuffled. (`false` by default)
*/
shuffle: true,
},
})
Limitations
The AI assistant feature is currently in beta, which means it can give you a good base to start with, but you might need to customize it further manually.
Here are the fields it is prepared to use during the beta:
- text
- textarea
- password
- date
- email with validation
- phone number
- location
- number with $ sign
- checkbox groups
- radio groups
- select
- "other" option with conditions
- file
- multifile
- accept terms
Here's what's yet to come in future versions:
- more fields
- buttons
- lists
- containers
- columns
- steps, tabs
- theming
- integrations
- specific field properties