vague crag
I have a simple <script> at the bottom of a few components in my Astro 3 project and have set the header to use <ViewTransitions />. All the Javascript works until navigating to another page and returning to the page with the component. The javascript doesn't load.
How do these Astro script modules work with viewtransitions?
viral tangle
Hey @vague crag! You'll need to re-initialize any functions in your scripts after the page swap. You can use the astro:after-swap eventListener to do this: https://docs.astro.build/en/guides/view-transitions/#astroafter-swap
vague crag
Ok, thanks! Is it possible to only run the functions in the modules on certain pages?
viral tangle
You could make sure the script is only included on the pages that need it (an Astro layout is helpful for this)