use alpine v3 click.outside event name (#83)

Alpine v3 deprecates the v2 `click.away` event and marks it for possible future removal, replacing it with `click.outside`.

See v3 release notes: https://alpinejs.dev/upgrade-guide#away-replace-with-outside
This commit is contained in:
Nick Krecklow 2024-10-02 09:32:25 -05:00 committed by GitHub
parent 42a07787f0
commit eee36e3cbe

View file

@ -67,7 +67,7 @@
<input class="input" type="search" placeholder="Search..." @click="modal = true; $nextTick(() => $refs.input.focus());"/> <input class="input" type="search" placeholder="Search..." @click="modal = true; $nextTick(() => $refs.input.focus());"/>
<div class="modal" :class="modal ? 'is-active' : ''" x-show="modal == true"> <div class="modal" :class="modal ? 'is-active' : ''" x-show="modal == true">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-content" @click.away="modal = false;"> <div class="modal-content" @click.outside="modal = false;">
<div class="box"> <div class="box">
<h2 class="subtitle">Search</h2> <h2 class="subtitle">Search</h2>
<p class="control"> <p class="control">