alpinejs-mask-unmask.blade.php

<div x-data="{ 
  value: {{ value }} ?? '',
  displayValue: {{ value }} ?? '',
  demaskValue(value) {
    this.value = value.replaceAll('$', '').replaceAll(',', '')
  }
}" class="-mr-2">
  <input 
    type="text" 
    x-mask:dynamic="'$' + $money($input)"
    :value="displayValue"
    @input="demaskValue($el.value)"
    placeholder="$0.00"
  />
  <input 
    type="hidden" 
    name="{{ name }}"
    x-model="value"
  />
  
  {{-- for testing purposes --}}
  <span x-text="value"></span>
</div>