EmailComponent

<email-component
  :label="label"
  :horizontal="false"
  size="is-medium"
  :expanded="true"
  :rounded="true"
  :placeholder="placeholder"
  :locale="locale"
  class="is-ghost is-white"
/>

export default {
  name: "App",
  data() {
    return {
      form: {
        servicesDefinition: {
          type: EmailComponent,
          default: "",
          "field-wrapper": { class: "is-12" },
          "field-input": {
            label: this.$t("email"),
            placeholder: this.$t("placeholder", {
              key: this.$t("email").toLowerCase(),
            }),
            expanded: true,
            isRequired: false,
          },
          events: {
            input: (val) => {},
          },
        },
      },
    };
  },
};