AutocompleteInput

<autocomplete-input
  :is-required="isRequired"
  :allow-add="false"
  :expanded="expanded"
  :option-name="optionName"
  :option-id="optionId"
  :label-inside="labelInside"
  :label-on-border="labelOnBorder"
  :horizontal="horizontal"
  :open-on-focus="openOnFocus"
  :debounce="debounce"
  :data-url="dataUrl"
  :locale="locale"
  :filter-param="filterParam"
  @input="select"
/>

export default {
  name: "App",
  data() {
    return {
      form: {
        servicesDefinition: {
          type: AutocompleteInput,
          default: '',
          'field-wrapper': { class: 'is-12' },
          'field-input': {
            label: this.$tc('incomingStreamLabel'),
            placeholder: this.$t('placeholder', {
              key: this.$tc('incomingStreamLabel').toLowerCase()
            }),
            optionId: 'email',
            optionName: 'fullName',
            dataUrl: `/User?Filters=isDeleted==false`,
            allowAdd: false,
            openOnFocus: true
          },
          events: {
            input: (val) => {},
          },
        },
      },
    };
  },
};