camzalewski/personal-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

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

Browse source 
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 c244389971
commit e3217fc852
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
templates/layouts/main.gohtml
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">
@ -89,4 +89,4 @@
<button class="modal-close is-large" aria-label="close"></button> <button class="modal-close is-large" aria-label="close"></button>
</div> </div>
</div> </div>
{{end}} {{end}}