Skip to content

Instantly share code, notes, and snippets.

@netaisllc

netaisllc/HtmxViewTransitions.astro

Created November 19, 2023 22:27
Show Gist options
  • Save netaisllc/3cc72bb35ace64ceca4425374e452930 to your computer and use it in GitHub Desktop.
Save netaisllc/3cc72bb35ace64ceca4425374e452930 to your computer and use it in GitHub Desktop.
Download ZIP
Astro wrapper component to handle HMTX and Astro ViewTransistions
Raw
HtmxViewTransitions.astro
---
import { ViewTransitions } from 'astro:transitions'
---
<ViewTransitions />
<script>
// List for Astro to report swap is complete so Htmx can reparse the DOM
document.addEventListener('astro:after-swap', () => {
window.htmx.process(document.body)
})
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment