Support for Laravel 10

[bfmvsa]

Hey @jantinnerezo please add this change. Thank you!

[albertobenavides]

I vote for this too :)

Thank you in advance.

[albertobenavides]

Hey @jantinnerezo please add this change. Thank you!

I am doing this, in the meantime:

@push('styles')
  <link href="/css/nouislider.min.css" rel="stylesheet">
@endpush

@push('scripts')
<script src="/js/nouislider.min.js"></script>
<script src="/js/wNumb.min.js"></script>
<script>
  var range = document.getElementById('range');
  var slider = noUiSlider.create(range, {
    range: {
      'min': 0,
      'max': {{ $v_max }}
    },
    step: 500,
    // Handles start at ...
    start: [0, {{ $v_max }}],

    // Display colored bars between handles
    connect: true,

    // Move handle on tap, bars are draggable
    behaviour: 'tap-drag',
    tooltips: true,
    format: wNumb({
      decimals: 0
    }),

    // Show a scale with the slider
    pips: {
      mode: 'steps',
      stepped: true,
      density: 10
    }
  });
  range.noUiSlider.on('change', function (v) {
    @this.set('range_value', v);
  });
</script>
@endpush
...

<div wire:ignore>
  <div id="range" wire:model="range_value.min,range_value.max"></div>
</div>

I have a $v_max$ and a range_value in a livewire component.

[bfmvsa]

Hey @jantinnerezo you already have done it for livewire-alert, please update this repo as well. Thanks.

[SturmB]

I request Laravel 10 support, as well.