Schnitzeljagd Migration from Svelte 3 to 5

An issue I’ve been postponing for a (loooong) while was the migration of the frontend from Svelte 3 to 4 5 for my Schnitzeljagd (treasure hunt) generator https://www.schnitz-dein-ding.de/.

Using Copilot’s agent mode in VS Code didn’t work too well, so I still had to migrate mostly file by file. After the expected medium and minor problems I got the frontend mostly up and running again (not deployed to Heroku though yet).

One open issue was to switch the UI controls over to the Flowbite Svelte component library. This also meant for me to get rid of the svelte-steps component that worked well with Svelte 3 a couple of years ago but has not been maintained since.

The Flowbite Svelte alternative (there are various different stepper to choose from) was easy to configure, but only then I realised that the individual steps weren’t clickable (as was the case with svelte-steps), something I really missed as the users should also be able to navigate to a specific step by just clicking on it (and not navigate forward/backward multiple times).

To my (pleasant) surprise, my issue opened in the associated repo was implemented within a mere two days, so a huge thanks goes out to the contributors and maintainers 👍.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.