How to use Mati (getmati.com) Web SDK in a VueJS project

Mati.vue

<template>

  <div>
     <div v-html="MatiButton('CLIENTID')"></div>
  </div>

</template>

<script>

export default {
  name: 'Mati',
  methods: {
    MatiButton: function (clientid) {
      return `<mati-button clientid="${clientid}" metadata="{email:'${email}'}" />`
    }
  }
}

</script>