Component

Send Link 

<x-send-link-by-email-form v-on:sendactivelink="dosendlink" v-on:error="doerror">
</x-send-link-by-email-form>

<x-send-link-by-email-form p-place-holder-field="Email" p-text-button="Send me a link" v-on:sendactivelink="dosendlink" v-on:error="doerror">
</x-send-link-by-email-form>

<script>
    const dosendlink = function() {
        console.log('Send a link')
    }
    const doerror = function(msg) {
        console.log(`Error msg: ${msg}`)
    }
</script>
 
<x-send-link-by-email-form
  v-on:sendactivelink="dosendlink"
  v-on:error="doerror" >
</x-send-link-by-email-form>

<x-send-link-by-email-form
  p-place-holder-field="Email"
  p-text-button="Send me a link"
  v-on:sendactivelink="dosendlink"
  v-on:error="doerror" >
</x-send-link-by-email-form>

<script>
  const dosendlink = function() {
    console.log('Send a link')
  }
  const doerror = function(msg) {
    console.log(`Error msg: ${msg}`)
  }
</script>
 
{
  "Value": "Just a value"
}

These are some notes about the component