Component

Update Password 

<x-update-password-form v-on:update="doupdate" v-on:error="doerror">
</x-update-password-form>

<x-update-password-form p-place-holder-password="Pass *" p-place-holder-second-password="Type again Pass *" p-text-button="Update" p-message-error="Password should have at least 9 chars" :pMinLength=9 v-on:update="doupdate" v-on:error="doerror" />

<script>
    const doupdate = function() {
        console.log('Update password')
    }
    const doerror = function(msg) {
        console.log(`Error msg: ${msg}`)
    }
</script>
 
<x-update-password-form
  v-on:update="doupdate"
  v-on:error="doerror" >
</x-update-password-form>

<x-update-password-form
  p-place-holder-password="Pass *"
  p-place-holder-second-password="Type again Pass *"
  p-text-button="Update"
  p-message-error="Password should have at least 9 chars"
  :pMinLength=9
  v-on:update="doupdate"
  v-on:error="doerror" />

<script>
  const doupdate = function() {
    console.log('Update password')
  }
  const doerror = function(msg) {
    console.log(`Error msg: ${msg}`)
  }
</script>
 
{
  "Value": "Just a value"
}
  • Handle: @update-password
  • Preview:
  • Filesystem Path: fractal\components\forms\update-password\update-password.hbs

These are some notes about the component