lucent-laravel/front/js/svelte/Account.svelte

<script>
    import Register from "./account/Register.svelte";
    import Login from "./account/Login.svelte";
    import Verify from "./account/Verify.svelte";
    import Profile from "./account/Profile.svelte";
    import { setContext } from "svelte";

    const components = {
        register: Register,
        login: Login,
        verify: Verify,
        profile: Profile,
    };

    export let title;
    export let view;
    export let user;
    export let data;
    export let channel;

    setContext("channel", channel);
    setContext("user", user);
</script>

<div>
    <svelte:component this={components[view]} {channel} {title} {...data} />
</div>