How to dispatch filament form data using blade $dispatch method

<div>
    <div class="p-4">
    <form wire:submit="create">
        {{ $this->form }}
        <button  
            class="bg-gray-800 text-white rounded p-2 mt-2" 
            x-on:click="
                $dispatch('jobsupdated', { data: {{ json_encode($this->form->getState()) }} })
            " 
        >
            Submit
        </button>
    </form>

    </div>
</div>

public function create(): void
    {
        $this->dispatch('jobsupdated', data : $this->form->getState());
    }