[FEATURE REQUEST] Run toast from client

[mccarlosen]

• Laravel Version: 9.52.4
• PHP Version: 8.1.12
• Splade JS Version (npm): 1.4.7
• Splade PHP Version (composer): 2.5.1
• Dev environment (OS, Sail/Valet/etc): Homestead

Description:

I've searched the list of issues but couldn't find anything similar. I was using the <x-splade-defer /> component to update a value in the database. Through the @success event, I receive the data and update the form field. However, I can't find a simple way like splade's way to display a message to the user that the value was updated. My request is to add the option to use Toast on the client via $splade.

Steps To Reproduce Issue:

<x-splade-form>
   <x-splade-script>
      $splade.on('changeRate', ({form, rate}) => {
          form.$put('rate', rate)
          $splade.toast({
             text: 'Rate has been updated!',
             type: 'success'
          })
      })
  </x-splade-script>
  <x-splade-defer manual url="{{ route('panel.api.update-rate') }}" @success="(response) => $splade.emit('changeRate', {form, rate: response.rate})">
      <button type="button" @click="reload" class="ml-2 py-1 px-3 border border-color1-500 text-color1-500 rounded-xl" :class="{'opacity-60 pointer-events-none': processing}">
          <div class="flex items-center">
              <svg class="w-5 h-5 fill-current mr-2" :class="{'animate-spin': processing}" .../></g></svg>
              Update
          </div>
      </button>
  </x-splade-defer>
  <!-- ..... -->
  <input type="text" v-model="form.rate" class="input-field" placeholder="0.00" readonly />
</x-splade-form>

[pascalbaljet]

I agree this would be cool, but this needs some refactoring as the Toasts are rendered with a Blade template. I'll think about it!