I want to use a state machine where the current state is mapped to the current screen. I am using svelte with xstate. Example with string as type: App.svelte machine.js How to do the same with a svelte component instead of a string? Instead of <p>{$toggleService.value}</p> something like this <$toggleService.value /> Edit: What I tried: Create Lobby and Login svelte