<script>
import { setContext } from "svelte";
import { createNavigator, makeScreen } from "yafsn";
import A from "./A.svelte";
import B from "./B.svelte";
const screens = {
A: makeScreen({ component: A, props: { text: "World" }}),
B: makeScreen(B)
}
const navigator = createNavigator({ screens, initialScreen: "A" });
setContext("navigator", navigator);
const { screen, navigate } = navigator;
// navigate("A"); // WHEN NOT USING initialScreen
</script>
<svelte:component
this={$screen?.component}
{...$screen?.props}
/>