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
👋 Hire Vueform team for form customizations and developmentLearn more