Support for Livewire modifiers (protonemedia#33)

Author: pascalbaljet

README.md

@@ -240,6 +240,16 @@ Normally you would use a `wire:model` attribute to bind a component property wit
 </form>
 ```
 
+Additionally, you can pass an optional modifier to the `@wire` directive. This feature was added in v2.4.0. If you're upgrading from a previous version *and* you published the Blade views, you should republish them *or* update them manually.
+
+```blade
+<x-form wire:submit.prevent="submit">
+ @wire('debounce.500ms')
+ <x-form-input name="email" />
+ @endwire
+</form>
+```
+
 ### Select elements
 
 Besides the `name` attribute, the `select` element has a required `options` attribute, which should be a simple *key-value* array.

resources/views/bootstrap-4/form-checkbox.blade.php

@@ -4,7 +4,7 @@
  value="{{ $value }}"
 
  @if($isWired())
- wire:model="{{ $name }}"
+ wire:model{!! $wireModifier() !!}="{{ $name }}"
  @else
  name="{{ $name }}"
  @endif

resources/views/bootstrap-4/form-input.blade.php

@@ -14,7 +14,7 @@
  type="{{ $type }}"
 
  @if($isWired())
- wire:model="{{ $name }}"
+ wire:model{!! $wireModifier() !!}="{{ $name }}"
  @else
  name="{{ $name }}"
  value="{{ $value }}"

resources/views/bootstrap-4/form-radio.blade.php

@@ -3,7 +3,7 @@
  type="radio"
 
  @if($isWired())
- wire:model="{{ $name }}"
+ wire:model{!! $wireModifier() !!}="{{ $name }}"
  @else
  name="{{ $name }}"
  @endif

resources/views/bootstrap-4/form-select.blade.php

@@ -3,7 +3,7 @@
 
  <select
  @if($isWired())
- wire:model="{{ $name }}"
+ wire:model{!! $wireModifier() !!}="{{ $name }}"
  @else
  name="{{ $name }}"
  @endif

resources/views/bootstrap-4/form-textarea.blade.php

@@ -3,7 +3,7 @@
 
  <textarea
  @if($isWired())
- wire:model="{{ $name }}"
+ wire:model{!! $wireModifier() !!}="{{ $name }}"
  @else
  name="{{ $name }}"
  @endif

resources/views/tailwind-2/form-checkbox.blade.php

@@ -5,7 +5,7 @@
  value="{{ $value }}"
 
  @if($isWired())
- wire:model="{{ $name }}"
+ wire:model{!! $wireModifier() !!}="{{ $name }}"
  @else
  name="{{ $name }}"
  @endif

resources/views/tailwind-2/form-input.blade.php

@@ -6,7 +6,7 @@
  'class' => 'block w-full ' . ($label ? 'mt-1' : '')
  ]) !!}
  @if($isWired())
- wire:model="{{ $name }}"
+ wire:model{!! $wireModifier() !!}="{{ $name }}"
  @else
  name="{{ $name }}"
  value="{{ $value }}"

resources/views/tailwind-2/form-radio.blade.php

@@ -4,7 +4,7 @@
  type="radio"
 
  @if($isWired())
- wire:model="{{ $name }}"
+ wire:model{!! $wireModifier() !!}="{{ $name }}"
  @else
  name="{{ $name }}"
  @endif

resources/views/tailwind-2/form-select.blade.php

@@ -4,7 +4,7 @@
 
  <select
  @if($isWired())
- wire:model="{{ $name }}"
+ wire:model{!! $wireModifier() !!}="{{ $name }}"
  @else
  name="{{ $name }}"
  @endif