ResticDash: Switching to Svelte 5 UI Lib

Tue, 02 Apr 2024 20:00:00 +0100

In A Dashboard to monitor restic backups I introduced the initial state of a project allowing to monitor restic backups. For the user interface I resorted to the flowbite UI framework as it provides plenty of components and is based upon the famous [tailwindcss] framework. Obviously I looked for a svelte implementation for flowbite which exists in flowbite-svelte . However I’m using svelte5 and runes which wasn’t supported. That’s not directly an issue but I wanted to use something supporting runes so I used the flowbite code snippets directly. Fast forward: Now there is a svelte5 supporting flowbite extension with svelte-5-ui-lib , so I decided to switch to this library. The following video shows some necessary changes and the advantages of using svelte components rather than the flowbite snippets: