MessageBox not showing correctly

[Dennisoost]

The message box isn't showing correctly, probably my own fault but not sure what I am doing wrong:

code:

<script>
import $ from 'jquery'

import MessageBox from 'vue-msgbox'

export default {
  components: {
  // not important...
  },
  data: function () {
    return {
    // not important...
    }
  },
  computed: {
    FullName: function () {
      return this.employee.Firstname + ' ' + this.employee.Lastname
    }
  },
  created: function () {
   //not important...
  },
  events: {
  },
  methods: {
    handleFlightRequestPost: function (e) {
      MessageBox.alert('nice', 'works', 'success')
      console.log('heerer')
      $.ajax({
       //not important..
    },
    signatureEmployeeInsert: function (e) {
      //not important...
    },
    handleUpload: function (e) {
      //not important
      }
    }
  }
}

</script>

[furybean]

you should import css:

require('vue-msgbox/lib/vue-msgbox.css');

Or You can try import this component this way:

import MessageBox from 'vue-msgbox/src';