Making sure Astro client-side scripts load while navigating?

[arafatamim]

Describe your problem 🧐

In the CodeSandbox demo below, the client-side script in /page2 doesn't load while navigating from the homepage or /page3. The script does however work only when doing a hard refresh.
Notice I have reloadScripts set to true in my config.

Steps to reproduce

Open the demo preview on CodeSandbox, then click the link titled "Page 2" on the top. You'll observe that the button on the page is not interactive.

What is your question? 🙋‍♀️

How do I make sure client-side scripts in Astro load while navigating between pages?

URL to minimal reproduction 🔗

https://codesandbox.io/p/devbox/swup-astro-934yyd

Checked all these? 📚

• I have read and searched the official docs
• I have checked discussions and existing issues for answers to my question
• I agree to follow this project's Code of Conduct
• I have provided all necessary information to the best of my knowledge

[hirasso]

I'm afraid I can't really help here as I have

• never used the astro integration myself (I usually set up swup manually)
• usually handle all my components using Alpine.js, as described here

That way, I don't need any manual intervention – components initialize themselves automatically as soon as they are rendered. Re-reading the related paragraph on the @swup/astro docs, I think reloadScripts should really only used as a last resort:

Helpful as a last resort for sites with limited control over the included scripts.

Still, I don't really understand why your example is not working. Let's see if anyone else can chime in and shed some light on this.

[daun]

Looking at the project's source, this should definitely work. Trouble is I can't get it to run :/ The CodeSandbox either crashes or runs out of memory...

[arafatamim]

I've replicated the issue on StackBlitz if you want to take a look.

[daun]

@arafatamim Have you been able to solve this in the meantime? I currently have a bit of time to take a look at this, just making sure it'd still be helpful in your case.

[arafatamim]

@daun Thanks for following up, but I've switched to using Astro's built-in view transitions API which serves my needs well for now.

[daun]

Makes sense!