Integrating chat sdk to the Vuejs template

[sdash7]

Hi all,

I am totally new to vuejs and hubspot. I want to integrate the conversation sdk to my template and I want to display the chatbox in all the templates/pages.

So far what I have done is:

I added my js script to the head in nuxt config.js file and added these function inside my middleware file.

```

if (window.HubSpotConversations) {
  onConversationsAPIReady();
}
else {
  window.hsConversationsOnReady = [onConversationsAPIReady];
}

function onConversationsAPIReady() {

  window.hsConversationsSettings = {
    loadImmediately: false,
    identificationEmail: "xxxxx@gmail.com",
  };
}

function loadChat() {
  window.HubSpotConversations.widget.load();
}

```

When loading on the page, it says

```

this.onConversationsAPIReady is not a function

```

How to solve this and make it work properly.

Thank you

[tjoyce · Accepted solution]

@sdash7 - I don't see where you're initializing the 

loadChat()

function... can you point that out?

[sdash7]

Hi @tjoyce , @dennisedson thanks for the reply. it is solved now. 

[dennisedson]

@tjoyce , you have some advice for @sdash7 ?