[Vuejs]-Unable to get data from foreign key table in Laravel Vue addressbook project

Credit for this fix goes to @JeromeAlona.

In my index vue I had to change my API call to include the Id:

const res = await this.callApi('get', 'app/details?id=' + contact.id , contactDetailsData)

This solution works for me.