crater/resources/assets/js/components/settings/MailSettings.vue

<script>
let mailgunComponent = {
  template: '#mailgun-template'
}

let sendgridComponent = {
  template: '#sendgrid-template'
}

let sparkPostComponent = {
  template: '#sparkpost-template'
}

let smtpComponent = {
  template: '#smtp-template'
}

export default {
  components: {
    mailgun: mailgunComponent,
    sendgrid: sendgridComponent,
    sparkpost: sparkPostComponent,
    smtp: smtpComponent
  },
  props: {
    view: {
      type: Array,
      require: true,
      default: Array
    }
  },
  data () {
    return {
      currentView: 'mailgun'
    }
  },
  mounted () {
    let views = ['mailgun', 'sendgrid', 'sparkpost', 'smtp']

    if (this.view && views.indexOf(this.view) > -1) {
      this.currentView = this.view
    };
  }
}
</script>