LiveChat.vue

<template>
  <div></div>
</template>

<script>
const md5 = require('md5');

export default {
  name: 'LiveChat',
  mounted() {
    this.liveChat();
  },
  methods: {
    async liveChat() {
      const script1 = document.createElement('script');
      script1.setAttribute('src', 'https://chat-api.spartez-software.com/chat.js');
      document.head.appendChild(script1);


      const spartezSupportChat = {
        portal: 2,
        cloud: {
          jiraId: '786e56be-5813-3706-b993-88dcdc6c3012',
          jiraUrl: 'https://connbyte.atlassian.net',
          urls: {
            rest: 'https://chat-api.spartez-software.com',
            ws: 'https://chat-ws.spartez-software.com',
          },
        },
      };


      const script2 = document.createElement('script');
      script2.type = 'text/javascript';
      script2.text = `const spartezSupportChat = ${JSON.stringify(spartezSupportChat)}`;
      document.head.appendChild(script2);
    },
  },
};
</script>

<style lang="scss">
  .iziToast > .iziToast-progressbar > div {
    height: 5px;
  }

  .iziToast {
    padding-bottom: 14px;
  }
</style>