javascript - Alpine.js 未定義変数: ディスパッチ

Question

alpine.js私のlaravel 7.xアプリケーションで使用しています。LaravelCollective/html非常に基本的なフォームを構築するためにも使用しています。ここでの考え方は、選択された入力hrefに基づいてアンカー タグを変更しようとしているということです。select次のエラーが表示されます。Undefined variable: dispatch

これが私のHTML/コードです:

<div x-data="{ url: '{{ route('dogs', ['dog'=>$selectedDog]) }}' }" class="px-4 py-5 sm:p-6">       
          <div class="mt-2">
            {{ Form::select('dogs', $dogs, null, 
              ['class' => 'mt-1 sm:leading-5',
              'x-on:change' => "$dispatch('selection-change', { value: $event.target.value })"]) }}
          </div>
          <div class="mt-6">
            <span class="block w-full rounded-md shadow-sm">
              <a 
                href="{{ route('dog', ['dog'=>$selectedDog]) }}" 
                x-bind:href="url"
                x-on:selection-change.window = "alert('test');"
                class="w-full"> 
                  Go to Dog
              </a>
            </span>
          </div>
</div>

入力を変更すると、アンカー タグのオブジェクトにバインドされselectたイベントがトリガーされます。ただし、問題があるようです。x-on:selection-change.windowwindow$dispatch