Component

Signin 

<x-signin-form v-on:signin="dosignin" v-on:error="doerror">
</x-signin-form>

<x-signin-form p-place-holder-email="Email *" p-place-holder-password="Pass *" p-place-holder-second-password="Type again Pass *" p-text-button="Sig in" p-message-error="Password should have at least 9 chars" :pMinLength=9 v-on:signin="dosignin" v-on:error="doerror"
/>

<script>
    const dosignin = function() {
        console.log('Do a login')
    }
    const doerror = function(msg) {
        console.log(`Error msg: ${msg}`)
    }
</script>
 
<x-signin-form
  v-on:signin="dosignin"
  v-on:error="doerror" >
</x-signin-form>

<x-signin-form
  p-place-holder-email="Email *"
  p-place-holder-password="Pass *"
  p-place-holder-second-password="Type again Pass *"
  p-text-button="Sig in"
  p-message-error="Password should have at least 9 chars"
  :pMinLength=9
  v-on:signin="dosignin"
  v-on:error="doerror" />

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

These are some notes about the component