Hello there 👋

alpinejs-slug's People

Contributors

Stargazers

Watchers

alpinejs-slug's Issues

[BUG] Not Working with Livewire

Hi! I can't get the value of x-slug to pass to the livewire component.
If I enter a character in the input after x-slug is set, then it goes to the component.
I am using it with the jetstream inputs <x-jet-input> inside the modal <x-jet-dialog-modal>
What am I doing wrong?

<x-jet-dialog-modal wire:model='isOpen'>
    <x-slot name="title">
        {{ isset($this->category->id) ? __('Edit category') : __('Add new category') }}
    </x-slot>
    
    <x-slot name="content">
        <div x-data="{ name : '' }">
            <!-- Name -->
            <div class="col-span-6 sm:col-span-4 mt-4">
                <x-jet-label for="name" value="{{ __('Name') }}" />
                <x-jet-input id="name" type="text" class="mt-1 block w-full" wire:model.defer="name" x-model="name" />
                <x-jet-input-error for="name" class="mt-2" />
            </div>
            <!-- Slug -->
            <div class="col-span-6 sm:col-span-4 mt-4">
                <x-jet-label for="slug" value="{{ __('Slug') }}" />
                <x-jet-input id="slug" type="text" class="mt-1 block w-full" wire:model.defer="slug" x-slug="name"/>
                <x-jet-input-error for="slug" class="mt-2" />
            </div>
        </div>
    </x-slot>
    
    <x-slot name="footer">
        <x-jet-secondary-button wire:click="closeModal()" wire:loading.attr="disabled">
            {{ __('cancel') }}
        </x-jet-secondary-button>
        
        @isset($this->category->id)
            <x-jet-button class="ml-2" wire:click="update()" wire:loading.attr="disabled">
                {{ __('edit') }}
            </x-jet-button>
        @else
            <x-jet-button class="ml-2" wire:click="store()" wire:loading.attr="disabled">
                {{ __('add') }}
            </x-jet-button>
        @endisset
    </x-slot>
</x-jet-dialog-modal>