MessageBox not showing correctly

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

code:

``` javascript

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
}
}
}
}

```