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